npm - @mittwald/flow-react-components - Versions diffs - 1.5.0-next.4 → 1.5.0-next.41 - Mend

@mittwald/flow-react-components 1.5.0-next.4 → 1.5.0-next.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (560) hide show

package/dist/js/packages/components/src/components/FileCard/components/FileSizeText/FileSizeText.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileSizeText.mjs","names":[],"sources":["../../../../../../../../../src/components/FileCard/components/FileSizeText/FileSizeText.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { Text } from \"@/components/Text\";\nimport styles from \"@/components/FileCard/FileCard.module.scss\";\n\ninterface Props {\n sizeInBytes: number;\n}\n\nexport const FileSizeText: FC<Props> = (props) => {\n const { sizeInBytes } = props;\n\n return (\n <Text className={styles.subTitle}>\n {new Intl.NumberFormat(\"en-US\", {\n notation: \"compact\",\n style: \"unit\",\n unit: \"byte\",\n unitDisplay: \"narrow\",\n }).format(sizeInBytes)}\n </Text>\n );\n};\n\nexport default FileSizeText;\n"],"mappings":";;;;;;AAQA,IAAa,gBAA2B,UAAU;CAChD,MAAM,EAAE,gBAAgB;CAExB,OACE,oBAAC,MAAD;EAAM,~~WAAW~~,wBAAO;EACrB,UAAA,IAAI,KAAK,aAAa,SAAS;GAC9B,UAAU;GACV,OAAO;GACP,MAAM;GACN,aAAa;EACf,CAAC,CAAC,CAAC,OAAO,WAAW;CACjB,CAAA;AAEV"}
1	+ {"version":3,"file":"FileSizeText.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/FileCard/components/FileSizeText/FileSizeText.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { Text } from \"@/components/Text\";\nimport styles from \"@/components/FileCard/FileCard.module.scss\";\n\ninterface Props {\n sizeInBytes: number;\n}\n\nexport const FileSizeText: FC<Props> = (props) => {\n const { sizeInBytes } = props;\n\n return (\n <Text className={styles.subTitle}>\n {new Intl.NumberFormat(\"en-US\", {\n notation: \"compact\",\n style: \"unit\",\n unit: \"byte\",\n unitDisplay: \"narrow\",\n }).format(sizeInBytes)}\n </Text>\n );\n};\n\nexport default FileSizeText;\n"],"mappings":";;;;;;AAQA,IAAa,gBAA2B,UAAU;CAChD,MAAM,EAAE,gBAAgB;CAExB,OACE,oBAAC,MAAD;EAAM,WAAWA,wBAAO;EACrB,UAAA,IAAI,KAAK,aAAa,SAAS;GAC9B,UAAU;GACV,OAAO;GACP,MAAM;GACN,aAAa;EACf,CAAC,CAAC,CAAC,OAAO,WAAW;CACjB,CAAA;AAEV"}

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

@@ -14,7 +14,7 @@ import * as Aria from "react-aria-components";
 /** @flr-generate all */
 var FileDropZone = flowComponent("FileDropZone", (props) => {
 	const { multiple, accept, className, onChange: onChangeDropZone, children, name, isDisabled, isReadOnly } = props;
-	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props, "FileDropZone");
+	const { FieldErrorView, FieldErrorCaptureContext, wrapperProps, controlProps, fieldPropsContext } = useFieldComponent(props, "FileDropZone");
 	const fileFieldRef = useRef(null);
 	const rootClassName = clsx(FileDropZone_module_default.fileDropZone, isDisabled && FileDropZone_module_default.disabled, className);
 	const propsContext = {
@@ -31,7 +31,8 @@ var FileDropZone = flowComponent("FileDropZone", (props) => {
 					color: "dark"
 				},
 				isDisabled,
-				isReadOnly
+				isReadOnly,
+				"aria-describedby": controlProps["aria-describedby"]
 			},
 			Heading: { className: FileDropZone_module_default.heading },
 			Icon: { className: FileDropZone_module_default.icon },
@@ -49,9 +50,10 @@ var FileDropZone = flowComponent("FileDropZone", (props) => {
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		...fieldProps,
-		children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(PropsContextProvider, {
+		className: wrapperProps.className,
+		children: [/* @__PURE__ */ jsx(PropsContextProvider, {
 			props: propsContext,
+			dependencies: [controlProps["aria-describedby"]],
 			children: /* @__PURE__ */ jsx(Aria.DropZone, {
 				className: rootClassName,
 				onDrop: onDropHandler,
@@ -59,10 +61,10 @@ var FileDropZone = flowComponent("FileDropZone", (props) => {
 				"data-readonly": isReadOnly,
 				children: /* @__PURE__ */ jsx(IllustratedMessage, {
 					color: "dark",
-					children
+					children: /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children })
 				})
 			})
-		}) }), /* @__PURE__ */ jsx(FieldErrorView, {})]
+		}), /* @__PURE__ */ jsx(FieldErrorView, {})]
 	});
 });
 //#endregion

package/dist/js/packages/components/src/components/FileDropZone/FileDropZone.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDropZone.mjs","names":[],"sources":["../../../../../../../src/components/FileDropZone/FileDropZone.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./FileDropZone.module.scss\";\nimport clsx from \"clsx\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { DropEvent, FocusableElement } from \"@react-types/shared\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { getAcceptedFiles } from \"@/lib/files/acceptedFiles\";\n\nexport interface FileDropZoneProps\n extends\n PropsWithClassName,\n FlowComponentProps<FocusableElement>,\n PropsWithChildren,\n Pick<Aria.InputProps, \"accept\" \| \"multiple\" \| \"name\">,\n Pick<Aria.DropZoneProps, \"isDisabled\"> {\n /** Called with the dropped or selected files whenever the selection changes. /\n onChange?: FileInputOnChangeHandler;\n /* Whether the component is read only. /\n isReadOnly?: boolean;\n}\n\n/* @flr-generate all */\nexport const FileDropZone: FC<FileDropZoneProps> = flowComponent(\n \"FileDropZone\",\n (props) => {\n const {\n multiple,\n accept,\n className,\n onChange: onChangeDropZone,\n children,\n name,\n isDisabled,\n isReadOnly,\n } = props;\n\n const {\n FieldErrorView,\n FieldErrorCaptureContext,\n ~~fieldProps~~,\n fieldPropsContext,\n } = useFieldComponent(props, \"FileDropZone\");\n\n const fileFieldRef = useRef<HTMLInputElement>(null);\n const rootClassName = clsx(\n styles.fileDropZone,\n isDisabled && styles.disabled,\n className,\n );\n\n const propsContext: PropsContext = {\n ...fieldPropsContext,\n IllustratedMessage: {\n FileField: {\n name,\n onChange: onChangeDropZone,\n ref: fileFieldRef,\n accept: accept,\n multiple: multiple,\n Button: { variant: \"outline\", color: \"dark\" },\n isDisabled,\n isReadOnly,\n },\n Heading: {\n className: styles.heading,\n },\n Icon: { className: styles.icon },\n Text: { className: styles.text },\n },\n };\n\n const onDropHandler = async (event: DropEvent) => {\n if (isReadOnly) {\n return;\n }\n\n const files = await getAcceptedFiles(event.items, accept);\n\n if (files.length > 0) {\n const fileTransfer = new DataTransfer();\n for (const file of multiple ? files : [files[0]]) {\n if (file) {\n fileTransfer.items.add(file);\n }\n }\n\n onChangeDropZone?.(fileTransfer.files);\n if (fileFieldRef.current) {\n fileFieldRef.current.files = fileTransfer.files;\n }\n }\n };\n\n return (\n <div {~~...fieldProps~~}>\n <~~FieldErrorCaptureContext>\~~n ~~<PropsContextProvider~~ props={propsContext}>\n <Aria.DropZone\n className={rootClassName}\n onDrop={onDropHandler}\n isDisabled={isDisabled}\n data-readonly={isReadOnly}\n >\n <IllustratedMessage color=\"dark\">{children}</~~IllustratedMessage~~>\n </~~Aria.DropZone~~>\n </~~PropsContextProvider~~>\n </~~FieldErrorCaptureContext~~>\n <FieldErrorView />\n </div>\n );\n },\n);\n\nexport default FileDropZone;\n"],"mappings":";;;;;;;;;;;;;;AA+BA,IAAa,eAAsC,cACjD,iBACC,UAAU;CACT,MAAM,EACJ,UACA,QACA,WACA,UAAU,kBACV,UACA,MACA,YACA,eACE;CAEJ,MAAM,EACJ,gBACA,0BACA,~~YACA~~,sBACE,kBAAkB,OAAO,cAAc;CAE3C,MAAM,eAAe,OAAyB,IAAI;CAClD,MAAM,gBAAgB,~~KACpB~~,4BAAO,cACP,~~cAAc~~,4BAAO,UACrB,SACF;CAEA,MAAM,eAA6B;EACjC,GAAG;EACH,oBAAoB;GAClB,WAAW;IACT;IACA,UAAU;IACV,KAAK;IACG;IACE;IACV,QAAQ;KAAE,SAAS;KAAW,OAAO;IAAO;IAC5C;IACA;~~GACF~~;GACA,SAAS,EACP,~~WAAW~~,4BAAO,QACpB;GACA,MAAM,EAAE,~~WAAW~~,4BAAO,KAAK;GAC/B,MAAM,EAAE,~~WAAW~~,4BAAO,KAAK;EACjC;CACF;CAEA,MAAM,gBAAgB,OAAO,UAAqB;EAChD,IAAI,YACF;EAGF,MAAM,QAAQ,MAAM,iBAAiB,MAAM,OAAO,MAAM;EAExD,IAAI,MAAM,SAAS,GAAG;GACpB,MAAM,eAAe,IAAI,aAAa;GACtC,KAAK,MAAM,QAAQ,WAAW,QAAQ,CAAC,MAAM,EAAE,GAC7C,IAAI,MACF,aAAa,MAAM,IAAI,IAAI;GAI/B,mBAAmB,aAAa,KAAK;GACrC,IAAI,aAAa,SACf,aAAa,QAAQ,QAAQ,aAAa;EAE9C;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,~~GAAI~~;~~EAAT~~,UAAA,CACE,oBAAC,~~0BAAD~~,~~EAAA~~,~~UACE~~,~~oBAAC~~,~~sBAAD;GAAsB~~,~~OAAO~~;~~GAC3B~~,UAAA,oBAAC,KAAK,UAAN;IACE,WAAW;IACX,QAAQ;IACI;IACZ,iBAAe;IAEf,UAAA,oBAAC,oBAAD;KAAoB,OAAM;~~KAAQ~~;~~IAA6B~~,CAAA;~~GAClD~~,CAAA;EACK,CAAA,~~EACE~~,~~CAAA,GAC1B,~~oBAAC,gBAAD,CAAiB,CAAA,CACd;;AAET,CACF"}
1	+ {"version":3,"file":"FileDropZone.mjs","names":["styles"],"sources":["../../../../../../../src/components/FileDropZone/FileDropZone.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./FileDropZone.module.scss\";\nimport clsx from \"clsx\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { DropEvent, FocusableElement } from \"@react-types/shared\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { getAcceptedFiles } from \"@/lib/files/acceptedFiles\";\n\nexport interface FileDropZoneProps\n extends\n PropsWithClassName,\n FlowComponentProps<FocusableElement>,\n PropsWithChildren,\n Pick<Aria.InputProps, \"accept\" \| \"multiple\" \| \"name\">,\n Pick<Aria.DropZoneProps, \"isDisabled\"> {\n /** Called with the dropped or selected files whenever the selection changes. /\n onChange?: FileInputOnChangeHandler;\n /* Whether the component is read only. /\n isReadOnly?: boolean;\n}\n\n/* @flr-generate all /\nexport const FileDropZone: FC<FileDropZoneProps> = flowComponent(\n \"FileDropZone\",\n (props) => {\n const {\n multiple,\n accept,\n className,\n onChange: onChangeDropZone,\n children,\n name,\n isDisabled,\n isReadOnly,\n } = props;\n\n const {\n FieldErrorView,\n FieldErrorCaptureContext,\n wrapperProps,\n controlProps,\n fieldPropsContext,\n } = useFieldComponent(props, \"FileDropZone\");\n\n const fileFieldRef = useRef<HTMLInputElement>(null);\n const rootClassName = clsx(\n styles.fileDropZone,\n isDisabled && styles.disabled,\n className,\n );\n\n const propsContext: PropsContext = {\n ...fieldPropsContext,\n IllustratedMessage: {\n FileField: {\n name,\n onChange: onChangeDropZone,\n ref: fileFieldRef,\n accept: accept,\n multiple: multiple,\n Button: { variant: \"outline\", color: \"dark\" },\n isDisabled,\n isReadOnly,\n \"aria-describedby\": controlProps[\"aria-describedby\"],\n },\n Heading: {\n className: styles.heading,\n },\n Icon: { className: styles.icon },\n Text: { className: styles.text },\n },\n };\n\n const onDropHandler = async (event: DropEvent) => {\n if (isReadOnly) {\n return;\n }\n\n const files = await getAcceptedFiles(event.items, accept);\n\n if (files.length > 0) {\n const fileTransfer = new DataTransfer();\n for (const file of multiple ? files : [files[0]]) {\n if (file) {\n fileTransfer.items.add(file);\n }\n }\n\n onChangeDropZone?.(fileTransfer.files);\n if (fileFieldRef.current) {\n fileFieldRef.current.files = fileTransfer.files;\n }\n }\n };\n\n return (\n <div className={wrapperProps.className}>\n <PropsContextProvider\n props={propsContext}\n dependencies={[controlProps[\"aria-describedby\"]]}\n >\n <Aria.DropZone\n className={rootClassName}\n onDrop={onDropHandler}\n isDisabled={isDisabled}\n data-readonly={isReadOnly}\n >\n <IllustratedMessage color=\"dark\">\n {/ Inside: IllustratedMessage clears the props context it gets. */}\n <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n </IllustratedMessage>\n </Aria.DropZone>\n </PropsContextProvider>\n <FieldErrorView />\n </div>\n );\n },\n);\n\nexport default FileDropZone;\n"],"mappings":";;;;;;;;;;;;;;AA+BA,IAAa,eAAsC,cACjD,iBACC,UAAU;CACT,MAAM,EACJ,UACA,QACA,WACA,UAAU,kBACV,UACA,MACA,YACA,eACE;CAEJ,MAAM,EACJ,gBACA,0BACA,cACA,cACA,sBACE,kBAAkB,OAAO,cAAc;CAE3C,MAAM,eAAe,OAAyB,IAAI;CAClD,MAAM,gBAAgB,KACpBA,4BAAO,cACP,cAAcA,4BAAO,UACrB,SACF;CAEA,MAAM,eAA6B;EACjC,GAAG;EACH,oBAAoB;GAClB,WAAW;IACT;IACA,UAAU;IACV,KAAK;IACG;IACE;IACV,QAAQ;KAAE,SAAS;KAAW,OAAO;IAAO;IAC5C;IACA;IACA,oBAAoB,aAAa;GACnC;GACA,SAAS,EACP,WAAWA,4BAAO,QACpB;GACA,MAAM,EAAE,WAAWA,4BAAO,KAAK;GAC/B,MAAM,EAAE,WAAWA,4BAAO,KAAK;EACjC;CACF;CAEA,MAAM,gBAAgB,OAAO,UAAqB;EAChD,IAAI,YACF;EAGF,MAAM,QAAQ,MAAM,iBAAiB,MAAM,OAAO,MAAM;EAExD,IAAI,MAAM,SAAS,GAAG;GACpB,MAAM,eAAe,IAAI,aAAa;GACtC,KAAK,MAAM,QAAQ,WAAW,QAAQ,CAAC,MAAM,EAAE,GAC7C,IAAI,MACF,aAAa,MAAM,IAAI,IAAI;GAI/B,mBAAmB,aAAa,KAAK;GACrC,IAAI,aAAa,SACf,aAAa,QAAQ,QAAQ,aAAa;EAE9C;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAW,aAAa;EAA7B,UAAA,CACE,oBAAC,sBAAD;GACE,OAAO;GACP,cAAc,CAAC,aAAa,mBAAmB;GAE/C,UAAA,oBAAC,KAAK,UAAN;IACE,WAAW;IACX,QAAQ;IACI;IACZ,iBAAe;IAEf,UAAA,oBAAC,oBAAD;KAAoB,OAAM;KAExB,UAAA,oBAAC,0BAAD,EAA2B,SAAmC,CAAA;IAC5C,CAAA;GACP,CAAA;EACK,CAAA,GACtB,oBAAC,gBAAD,CAAiB,CAAA,CACd;;AAET,CACF"}

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

@@ -15,7 +15,7 @@ import { useFormValidationState } from "@react-stately/form";
 /** @flr-generate all */
 var FileField = flowComponent("FileField", (props) => {
 	const { children, ref, isRequired, isInvalid, isDisabled, validationBehavior, onChange, isReadOnly, ...restInputProps } = props;
-	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props, "FileField");
+	const { FieldErrorView, FieldErrorCaptureContext, wrapperProps, controlProps, fieldPropsContext } = useFieldComponent(props, "FileField");
 	const inputRef = useObjectRef(ref);
 	const formValidationState = useFormValidationState({
 		value: void 0,
@@ -25,6 +25,7 @@ var FileField = flowComponent("FileField", (props) => {
 	useFormValidation({ validationBehavior }, formValidationState, inputRef);
 	const inputProps = {
 		...restInputProps,
+		"aria-describedby": controlProps["aria-describedby"],
 		"aria-invalid": formValidationState.displayValidation.isInvalid,
 		value: void 0
 	};
@@ -32,8 +33,7 @@ var FileField = flowComponent("FileField", (props) => {
 		if (fileList && onChange) onChange(fileList);
 	};
 	return /* @__PURE__ */ jsx("div", {
-		...fieldProps,
-		className: clsx(fieldProps.className, FileField_module_default.fileField),
+		className: clsx(wrapperProps.className, FileField_module_default.fileField),
 		children: /* @__PURE__ */ jsxs(FieldErrorContext.Provider, {
 			value: formValidationState.displayValidation,
 			children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(PropsContextProvider, {

package/dist/js/packages/components/src/components/FileField/FileField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileField.mjs","names":[],"sources":["../../../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./FileField.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface FileFieldProps\n extends\n PropsWithChildren,\n FlowComponentProps<HTMLInputElement>,\n Pick<Aria.InputProps, \"accept\" \| \"multiple\" \| \"name\">,\n Pick<\n Aria.TextFieldProps,\n \"isRequired\" \| \"isInvalid\" \| \"validationBehavior\" \| \"isDisabled\"\n > {\n /** Handler that is called when the file input changes. /\n onChange?: FileInputOnChangeHandler;\n /* Whether the component is read only. /\n isReadOnly?: boolean;\n}\n\n/* @flr-generate all */\nexport const FileField = flowComponent(\"FileField\", (props) => {\n const {\n children,\n ref,\n isRequired,\n isInvalid,\n isDisabled,\n validationBehavior,\n onChange,\n isReadOnly,\n ...restInputProps\n } = props;\n\n const {\n FieldErrorView,\n FieldErrorCaptureContext,\n ~~fieldProps~~,\n fieldPropsContext,\n } = useFieldComponent(props, \"FileField\");\n\n const inputRef = useObjectRef(ref);\n\n const formValidationState = useFormValidationState({\n value: undefined,\n validationBehavior,\n isInvalid,\n });\n\n useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n const inputProps = {\n ...restInputProps,\n \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n value: undefined,\n };\n\n const handleChange: FileInputOnChangeHandler = (fileList) => {\n if (fileList && onChange) {\n onChange(fileList);\n }\n };\n\n return (\n <div~~\n {...fieldProps}\n~~ className={clsx(~~fieldProps~~.className, styles.fileField)}\n >\n <FieldErrorContext.Provider value={formValidationState.displayValidation}>\n <FieldErrorCaptureContext>\n <PropsContextProvider props={fieldPropsContext}>\n <div\n data-readonly={isReadOnly}\n data-required={!!isRequired \|\| undefined}\n data-invalid={\n formValidationState.displayValidation.isInvalid \|\| undefined\n }\n >\n <FileInput\n ref={inputRef}\n isReadOnly={isReadOnly}\n onChange={isReadOnly ? undefined : handleChange}\n isDisabled={isDisabled}\n {...inputProps}\n >\n {children}\n </FileInput>\n </div>\n </PropsContextProvider>\n </FieldErrorCaptureContext>\n <FieldErrorView />\n </FieldErrorContext.Provider>\n </div>\n );\n});\nexport default FileField;\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EACJ,UACA,KACA,YACA,WACA,YACA,oBACA,UACA,YACA,GAAG,mBACD;CAEJ,MAAM,EACJ,gBACA,0BACA,~~YACA~~,sBACE,kBAAkB,OAAO,WAAW;CAExC,MAAM,WAAW,aAAa,GAAG;CAEjC,MAAM,sBAAsB,uBAAuB;EACjD,OAAO,KAAA;EACP;EACA;CACF,CAAC;CAED,kBAAkB,EAAE,mBAAmB,GAAG,qBAAqB,QAAQ;CAEvE,MAAM,aAAa;EACjB,GAAG;EACH,gBAAgB,oBAAoB,kBAAkB;EACtD,OAAO,KAAA;CACT;CAEA,MAAM,gBAA0C,aAAa;EAC3D,IAAI,YAAY,UACd,SAAS,QAAQ;CAErB;CAEA,OACE,oBAAC,OAAD;~~EACE~~,~~GAAI;EACJ,~~WAAW,KAAK,~~WAAW~~,~~WAAW~~,yBAAO,SAAS;~~EAEtD~~,UAAA,qBAAC,kBAAkB,UAAnB;GAA4B,OAAO,oBAAoB;GAAvD,UAAA,CACE,oBAAC,0BAAD,EAAA,UACE,oBAAC,sBAAD;IAAsB,OAAO;IAC3B,UAAA,oBAAC,OAAD;KACE,iBAAe;KACf,iBAAe,CAAC,CAAC,cAAc,KAAA;KAC/B,gBACE,oBAAoB,kBAAkB,aAAa,KAAA;KAGrD,UAAA,oBAAC,WAAD;MACE,KAAK;MACO;MACZ,UAAU,aAAa,KAAA,IAAY;MACvB;MACZ,GAAI;MAEH;KACQ,CAAA;IACR,CAAA;GACe,CAAA,EACE,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACS;;CACzB,CAAA;AAET,CAAC"}
1	+ {"version":3,"file":"FileField.mjs","names":["styles"],"sources":["../../../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./FileField.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface FileFieldProps\n extends\n PropsWithChildren,\n FlowComponentProps<HTMLInputElement>,\n Pick<Aria.InputProps, \"accept\" \| \"multiple\" \| \"name\" \| \"aria-describedby\">,\n Pick<\n Aria.TextFieldProps,\n \"isRequired\" \| \"isInvalid\" \| \"validationBehavior\" \| \"isDisabled\"\n > {\n /** Handler that is called when the file input changes. /\n onChange?: FileInputOnChangeHandler;\n /* Whether the component is read only. /\n isReadOnly?: boolean;\n}\n\n/* @flr-generate all */\nexport const FileField = flowComponent(\"FileField\", (props) => {\n const {\n children,\n ref,\n isRequired,\n isInvalid,\n isDisabled,\n validationBehavior,\n onChange,\n isReadOnly,\n ...restInputProps\n } = props;\n\n const {\n FieldErrorView,\n FieldErrorCaptureContext,\n wrapperProps,\n controlProps,\n fieldPropsContext,\n } = useFieldComponent(props, \"FileField\");\n\n const inputRef = useObjectRef(ref);\n\n const formValidationState = useFormValidationState({\n value: undefined,\n validationBehavior,\n isInvalid,\n });\n\n useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n const inputProps = {\n ...restInputProps,\n \"aria-describedby\": controlProps[\"aria-describedby\"],\n \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n value: undefined,\n };\n\n const handleChange: FileInputOnChangeHandler = (fileList) => {\n if (fileList && onChange) {\n onChange(fileList);\n }\n };\n\n return (\n <div className={clsx(wrapperProps.className, styles.fileField)}>\n <FieldErrorContext.Provider value={formValidationState.displayValidation}>\n <FieldErrorCaptureContext>\n <PropsContextProvider props={fieldPropsContext}>\n <div\n data-readonly={isReadOnly}\n data-required={!!isRequired \|\| undefined}\n data-invalid={\n formValidationState.displayValidation.isInvalid \|\| undefined\n }\n >\n <FileInput\n ref={inputRef}\n isReadOnly={isReadOnly}\n onChange={isReadOnly ? undefined : handleChange}\n isDisabled={isDisabled}\n {...inputProps}\n >\n {children}\n </FileInput>\n </div>\n </PropsContextProvider>\n </FieldErrorCaptureContext>\n <FieldErrorView />\n </FieldErrorContext.Provider>\n </div>\n );\n});\nexport default FileField;\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EACJ,UACA,KACA,YACA,WACA,YACA,oBACA,UACA,YACA,GAAG,mBACD;CAEJ,MAAM,EACJ,gBACA,0BACA,cACA,cACA,sBACE,kBAAkB,OAAO,WAAW;CAExC,MAAM,WAAW,aAAa,GAAG;CAEjC,MAAM,sBAAsB,uBAAuB;EACjD,OAAO,KAAA;EACP;EACA;CACF,CAAC;CAED,kBAAkB,EAAE,mBAAmB,GAAG,qBAAqB,QAAQ;CAEvE,MAAM,aAAa;EACjB,GAAG;EACH,oBAAoB,aAAa;EACjC,gBAAgB,oBAAoB,kBAAkB;EACtD,OAAO,KAAA;CACT;CAEA,MAAM,gBAA0C,aAAa;EAC3D,IAAI,YAAY,UACd,SAAS,QAAQ;CAErB;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,KAAK,aAAa,WAAWA,yBAAO,SAAS;EAC3D,UAAA,qBAAC,kBAAkB,UAAnB;GAA4B,OAAO,oBAAoB;GAAvD,UAAA,CACE,oBAAC,0BAAD,EAAA,UACE,oBAAC,sBAAD;IAAsB,OAAO;IAC3B,UAAA,oBAAC,OAAD;KACE,iBAAe;KACf,iBAAe,CAAC,CAAC,cAAc,KAAA;KAC/B,gBACE,oBAAoB,kBAAkB,aAAa,KAAA;KAGrD,UAAA,oBAAC,WAAD;MACE,KAAK;MACO;MACZ,UAAU,aAAa,KAAA,IAAY;MACvB;MACZ,GAAI;MAEH;KACQ,CAAA;IACR,CAAA;GACe,CAAA,EACE,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACS;;CACzB,CAAA;AAET,CAAC"}

package/dist/js/packages/components/src/components/FileField/components/FileInput.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileInput.mjs","names":[],"sources":["../../../../../../../../src/components/FileField/components/FileInput.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport { type ChangeEvent } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./FileInput.module.scss\";\nimport { useVisuallyHidden } from \"react-aria\";\n\nexport type FileInputOnChangeHandler = (files: FileList \| null) => void;\n\n/** @internal /\nexport interface FileInputProps extends PropsWithChildren {\n onChange?: FileInputOnChangeHandler;\n isDisabled?: boolean;\n ref?: Ref<HTMLInputElement>;\n isReadOnly?: boolean;\n}\n\n/* @internal */\nexport const FileInput: FC<FileInputProps> = (props) => {\n const { children, isDisabled, onChange, isReadOnly, ref, ...restInputProps } =\n props;\n const inputRef = useObjectRef(ref);\n const { visuallyHiddenProps } = useVisuallyHidden();\n\n const handlePress = () => {\n if (inputRef.current?.value) {\n inputRef.current.value = \"\";\n onChange?.(null);\n }\n inputRef.current?.click();\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n onChange?.(event.target.files);\n };\n\n const propsContext: PropsContext = {\n Button: {\n onPress: handlePress,\n className: styles.trigger,\n isDisabled,\n isReadOnly,\n },\n FieldDescription: { className: styles.fieldDescription },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n {children}\n <Aria.Input\n {...restInputProps}\n {...visuallyHiddenProps}\n type=\"file\"\n ref={inputRef}\n onChange={handleChange}\n onClick={(event) => event.stopPropagation()}\n />\n </PropsContextProvider>\n );\n};\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,UAAU,YAAY,UAAU,YAAY,KAAK,GAAG,mBAC1D;CACF,MAAM,WAAW,aAAa,GAAG;CACjC,MAAM,EAAE,wBAAwB,kBAAkB;CAElD,MAAM,oBAAoB;EACxB,IAAI,SAAS,SAAS,OAAO;GAC3B,SAAS,QAAQ,QAAQ;GACzB,WAAW,IAAI;EACjB;EACA,SAAS,SAAS,MAAM;CAC1B;CAEA,MAAM,gBAAgB,UAAyC;EAC7D,WAAW,MAAM,OAAO,KAAK;CAC/B;CAEA,MAAM,eAA6B;EACjC,QAAQ;GACN,SAAS;GACT,~~WAAW~~,yBAAO;GAClB;GACA;EACF;EACA,kBAAkB,EAAE,~~WAAW~~,yBAAO,iBAAiB;CACzD;CAEA,OACE,qBAAC,sBAAD;EAAsB,OAAO;EAA7B,UAAA,CACG,UACD,oBAAC,KAAK,OAAN;GACE,GAAI;GACJ,GAAI;GACJ,MAAK;GACL,KAAK;GACL,UAAU;GACV,UAAU,UAAU,MAAM,gBAAgB;EAC3C,CAAA,CACmB;;AAE1B"}
1	+ {"version":3,"file":"FileInput.mjs","names":["styles"],"sources":["../../../../../../../../src/components/FileField/components/FileInput.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport { type ChangeEvent } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./FileInput.module.scss\";\nimport { useVisuallyHidden } from \"react-aria\";\n\nexport type FileInputOnChangeHandler = (files: FileList \| null) => void;\n\n/** @internal /\nexport interface FileInputProps extends PropsWithChildren {\n onChange?: FileInputOnChangeHandler;\n isDisabled?: boolean;\n ref?: Ref<HTMLInputElement>;\n isReadOnly?: boolean;\n}\n\n/* @internal */\nexport const FileInput: FC<FileInputProps> = (props) => {\n const { children, isDisabled, onChange, isReadOnly, ref, ...restInputProps } =\n props;\n const inputRef = useObjectRef(ref);\n const { visuallyHiddenProps } = useVisuallyHidden();\n\n const handlePress = () => {\n if (inputRef.current?.value) {\n inputRef.current.value = \"\";\n onChange?.(null);\n }\n inputRef.current?.click();\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n onChange?.(event.target.files);\n };\n\n const propsContext: PropsContext = {\n Button: {\n onPress: handlePress,\n className: styles.trigger,\n isDisabled,\n isReadOnly,\n },\n FieldDescription: { className: styles.fieldDescription },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n {children}\n <Aria.Input\n {...restInputProps}\n {...visuallyHiddenProps}\n type=\"file\"\n ref={inputRef}\n onChange={handleChange}\n onClick={(event) => event.stopPropagation()}\n />\n </PropsContextProvider>\n );\n};\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,UAAU,YAAY,UAAU,YAAY,KAAK,GAAG,mBAC1D;CACF,MAAM,WAAW,aAAa,GAAG;CACjC,MAAM,EAAE,wBAAwB,kBAAkB;CAElD,MAAM,oBAAoB;EACxB,IAAI,SAAS,SAAS,OAAO;GAC3B,SAAS,QAAQ,QAAQ;GACzB,WAAW,IAAI;EACjB;EACA,SAAS,SAAS,MAAM;CAC1B;CAEA,MAAM,gBAAgB,UAAyC;EAC7D,WAAW,MAAM,OAAO,KAAK;CAC/B;CAEA,MAAM,eAA6B;EACjC,QAAQ;GACN,SAAS;GACT,WAAWA,yBAAO;GAClB;GACA;EACF;EACA,kBAAkB,EAAE,WAAWA,yBAAO,iBAAiB;CACzD;CAEA,OACE,qBAAC,sBAAD;EAAsB,OAAO;EAA7B,UAAA,CACG,UACD,oBAAC,KAAK,OAAN;GACE,GAAI;GACJ,GAAI;GACJ,MAAK;GACL,KAAK;GACL,UAAU;GACV,UAAU,UAAU,MAAM,gBAAgB;EAC3C,CAAA,CACmB;;AAE1B"}

package/dist/js/packages/components/src/components/Flex/Flex.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.mjs","names":[],"sources":["../../../../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport type {\n PropsWithClassName,\n PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./Flex.module.scss\";\n\nexport interface FlexProps\n extends\n PropsWithChildren,\n PropsWithClassName,\n PropsWithElementType<\n \| \"div\"\n \| \"aside\"\n \| \"ul\"\n \| \"li\"\n \| \"ol\"\n \| \"section\"\n \| \"main\"\n \| \"span\"\n \| \"p\"\n \| \"footer\"\n \| \"header\"\n > {\n /** The flexDirection value of the element. @default \"row\" /\n direction?: CSSProperties[\"flexDirection\"];\n /* The alignItems value of the element. @default \"start\" /\n align?: \"start\" \| \"end\" \| \"center\" \| \"stretch\" \| \"baseline\";\n /* The justifyContent value of the element. @default \"start\" /\n justify?: CSSProperties[\"justifyContent\"];\n /* The gap size of the element. /\n gap?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The columnGap size of the element. /\n columnGap?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The rowGap size of the element. /\n rowGap?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* Whether the element should grow. /\n grow?: boolean;\n /* The flexWrap value of the element. @default \"nowrap\" /\n wrap?: CSSProperties[\"flexWrap\"];\n /* The padding of the element. /\n padding?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding top and bottom of the element. Takes precedence over `padding`. /\n paddingBlock?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding left and right of the element. Takes precedence over `padding`. /\n paddingInline?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding top of the element. /\n paddingTop?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding bottom of the element. /\n paddingBottom?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding left of the element. /\n paddingLeft?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding right of the element. /\n paddingRight?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n}\n\ntype FlexSize = \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n\nconst sizeVariable = (size: FlexSize \| undefined) =>\n size && `var(--size-px--${size})`;\n\n/* @flr-generate all */\nexport const Flex: FC<FlexProps> = (props) => {\n const {\n children,\n className,\n direction = \"row\",\n align,\n justify,\n gap,\n columnGap,\n rowGap,\n grow,\n wrap = \"nowrap\",\n padding,\n paddingBlock,\n paddingInline,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n elementType = \"div\",\n ...restProps\n } = props;\n\n const columnGapSize = columnGap ?? gap;\n const rowGapSize = rowGap ?? gap;\n const paddingTopSize = paddingTop ?? paddingBlock ?? padding;\n const paddingBottomSize = paddingBottom ?? paddingBlock ?? padding;\n const paddingLeftSize = paddingLeft ?? paddingInline ?? padding;\n const paddingRightSize = paddingRight ?? paddingInline ?? padding;\n\n const rootClassName = clsx(\n styles.flex,\n align && styles.align,\n justify && styles.justify,\n grow && styles.grow,\n columnGapSize && styles[\"column-gap\"],\n rowGapSize && styles[\"row-gap\"],\n paddingTopSize && styles[\"padding-top\"],\n paddingBottomSize && styles[\"padding-bottom\"],\n paddingLeftSize && styles[\"padding-left\"],\n paddingRightSize && styles[\"padding-right\"],\n className,\n );\n\n const style: CSSProperties = {\n \"--flex--direction\": direction,\n \"--flex--wrap\": wrap,\n \"--flex--align\":\n align === \"end\" ? \"flex-end\" : align === \"start\" ? \"flex-start\" : align,\n \"--flex--justify\": justify,\n \"--flex--column-gap\": sizeVariable(columnGapSize),\n \"--flex--row-gap\": sizeVariable(rowGapSize),\n \"--flex--padding-top\": sizeVariable(paddingTopSize),\n \"--flex--padding-bottom\": sizeVariable(paddingBottomSize),\n \"--flex--padding-left\": sizeVariable(paddingLeftSize),\n \"--flex--padding-right\": sizeVariable(paddingRightSize),\n };\n\n const Element = elementType;\n\n return (\n <Element {...restProps} className={rootClassName} style={style}>\n {children}\n </Element>\n );\n};\nexport default Flex;\n"],"mappings":";;;;;;AA2DA,IAAM,gBAAgB,SACpB,QAAQ,kBAAkB,KAAK;;AAGjC,IAAa,QAAuB,UAAU;CAC5C,MAAM,EACJ,UACA,WACA,YAAY,OACZ,OACA,SACA,KACA,WACA,QACA,MACA,OAAO,UACP,SACA,cACA,eACA,YACA,eACA,aACA,cACA,cAAc,OACd,GAAG,cACD;CAEJ,MAAM,gBAAgB,aAAa;CACnC,MAAM,aAAa,UAAU;CAC7B,MAAM,iBAAiB,cAAc,gBAAgB;CACrD,MAAM,oBAAoB,iBAAiB,gBAAgB;CAC3D,MAAM,kBAAkB,eAAe,iBAAiB;CACxD,MAAM,mBAAmB,gBAAgB,iBAAiB;CAE1D,MAAM,gBAAgB,~~KACpB~~,oBAAO,MACP,~~SAAS~~,oBAAO,OAChB,~~WAAW~~,oBAAO,SAClB,~~QAAQ~~,oBAAO,MACf,~~iBAAiB~~,oBAAO,eACxB,~~cAAc~~,oBAAO,YACrB,~~kBAAkB~~,oBAAO,gBACzB,~~qBAAqB~~,oBAAO,mBAC5B,~~mBAAmB~~,oBAAO,iBAC1B,~~oBAAoB~~,oBAAO,kBAC3B,SACF;CAEA,MAAM,QAAuB;EAC3B,qBAAqB;EACrB,gBAAgB;EAChB,iBACE,UAAU,QAAQ,aAAa,UAAU,UAAU,eAAe;EACpE,mBAAmB;EACnB,sBAAsB,aAAa,aAAa;EAChD,mBAAmB,aAAa,UAAU;EAC1C,uBAAuB,aAAa,cAAc;EAClD,0BAA0B,aAAa,iBAAiB;EACxD,wBAAwB,aAAa,eAAe;EACpD,yBAAyB,aAAa,gBAAgB;CACxD;CAIA,OACE,~~oBAAC~~,aAAD;EAAS,GAAI;EAAW,WAAW;EAAsB;EACtD;CACM,CAAA;AAEb"}
1	+ {"version":3,"file":"Flex.mjs","names":["styles","Element"],"sources":["../../../../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport type {\n PropsWithClassName,\n PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./Flex.module.scss\";\n\nexport interface FlexProps\n extends\n PropsWithChildren,\n PropsWithClassName,\n PropsWithElementType<\n \| \"div\"\n \| \"aside\"\n \| \"ul\"\n \| \"li\"\n \| \"ol\"\n \| \"section\"\n \| \"main\"\n \| \"span\"\n \| \"p\"\n \| \"footer\"\n \| \"header\"\n > {\n /** The flexDirection value of the element. @default \"row\" /\n direction?: CSSProperties[\"flexDirection\"];\n /* The alignItems value of the element. @default \"start\" /\n align?: \"start\" \| \"end\" \| \"center\" \| \"stretch\" \| \"baseline\";\n /* The justifyContent value of the element. @default \"start\" /\n justify?: CSSProperties[\"justifyContent\"];\n /* The gap size of the element. /\n gap?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The columnGap size of the element. /\n columnGap?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The rowGap size of the element. /\n rowGap?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* Whether the element should grow. /\n grow?: boolean;\n /* The flexWrap value of the element. @default \"nowrap\" /\n wrap?: CSSProperties[\"flexWrap\"];\n /* The padding of the element. /\n padding?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding top and bottom of the element. Takes precedence over `padding`. /\n paddingBlock?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding left and right of the element. Takes precedence over `padding`. /\n paddingInline?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding top of the element. /\n paddingTop?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding bottom of the element. /\n paddingBottom?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding left of the element. /\n paddingLeft?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n /* The padding right of the element. /\n paddingRight?: \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n}\n\ntype FlexSize = \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n\nconst sizeVariable = (size: FlexSize \| undefined) =>\n size && `var(--size-px--${size})`;\n\n/* @flr-generate all */\nexport const Flex: FC<FlexProps> = (props) => {\n const {\n children,\n className,\n direction = \"row\",\n align,\n justify,\n gap,\n columnGap,\n rowGap,\n grow,\n wrap = \"nowrap\",\n padding,\n paddingBlock,\n paddingInline,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n elementType = \"div\",\n ...restProps\n } = props;\n\n const columnGapSize = columnGap ?? gap;\n const rowGapSize = rowGap ?? gap;\n const paddingTopSize = paddingTop ?? paddingBlock ?? padding;\n const paddingBottomSize = paddingBottom ?? paddingBlock ?? padding;\n const paddingLeftSize = paddingLeft ?? paddingInline ?? padding;\n const paddingRightSize = paddingRight ?? paddingInline ?? padding;\n\n const rootClassName = clsx(\n styles.flex,\n align && styles.align,\n justify && styles.justify,\n grow && styles.grow,\n columnGapSize && styles[\"column-gap\"],\n rowGapSize && styles[\"row-gap\"],\n paddingTopSize && styles[\"padding-top\"],\n paddingBottomSize && styles[\"padding-bottom\"],\n paddingLeftSize && styles[\"padding-left\"],\n paddingRightSize && styles[\"padding-right\"],\n className,\n );\n\n const style: CSSProperties = {\n \"--flex--direction\": direction,\n \"--flex--wrap\": wrap,\n \"--flex--align\":\n align === \"end\" ? \"flex-end\" : align === \"start\" ? \"flex-start\" : align,\n \"--flex--justify\": justify,\n \"--flex--column-gap\": sizeVariable(columnGapSize),\n \"--flex--row-gap\": sizeVariable(rowGapSize),\n \"--flex--padding-top\": sizeVariable(paddingTopSize),\n \"--flex--padding-bottom\": sizeVariable(paddingBottomSize),\n \"--flex--padding-left\": sizeVariable(paddingLeftSize),\n \"--flex--padding-right\": sizeVariable(paddingRightSize),\n };\n\n const Element = elementType;\n\n return (\n <Element {...restProps} className={rootClassName} style={style}>\n {children}\n </Element>\n );\n};\nexport default Flex;\n"],"mappings":";;;;;;AA2DA,IAAM,gBAAgB,SACpB,QAAQ,kBAAkB,KAAK;;AAGjC,IAAa,QAAuB,UAAU;CAC5C,MAAM,EACJ,UACA,WACA,YAAY,OACZ,OACA,SACA,KACA,WACA,QACA,MACA,OAAO,UACP,SACA,cACA,eACA,YACA,eACA,aACA,cACA,cAAc,OACd,GAAG,cACD;CAEJ,MAAM,gBAAgB,aAAa;CACnC,MAAM,aAAa,UAAU;CAC7B,MAAM,iBAAiB,cAAc,gBAAgB;CACrD,MAAM,oBAAoB,iBAAiB,gBAAgB;CAC3D,MAAM,kBAAkB,eAAe,iBAAiB;CACxD,MAAM,mBAAmB,gBAAgB,iBAAiB;CAE1D,MAAM,gBAAgB,KACpBA,oBAAO,MACP,SAASA,oBAAO,OAChB,WAAWA,oBAAO,SAClB,QAAQA,oBAAO,MACf,iBAAiBA,oBAAO,eACxB,cAAcA,oBAAO,YACrB,kBAAkBA,oBAAO,gBACzB,qBAAqBA,oBAAO,mBAC5B,mBAAmBA,oBAAO,iBAC1B,oBAAoBA,oBAAO,kBAC3B,SACF;CAEA,MAAM,QAAuB;EAC3B,qBAAqB;EACrB,gBAAgB;EAChB,iBACE,UAAU,QAAQ,aAAa,UAAU,UAAU,eAAe;EACpE,mBAAmB;EACnB,sBAAsB,aAAa,aAAa;EAChD,mBAAmB,aAAa,UAAU;EAC1C,uBAAuB,aAAa,cAAc;EAClD,0BAA0B,aAAa,iBAAiB;EACxD,wBAAwB,aAAa,eAAe;EACpD,yBAAyB,aAAa,gBAAgB;CACxD;CAIA,OACE,oBAACC,aAAD;EAAS,GAAI;EAAW,WAAW;EAAsB;EACtD;CACM,CAAA;AAEb"}

package/dist/js/packages/components/src/components/Header/Header.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.mjs","names":[],"sources":["../../../../../../../src/components/Header/Header.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport SectionHeader from \"@/components/Section/components/SectionHeader/SectionHeader\";\n\nexport interface HeaderProps\n extends\n PropsWithChildren,\n PropsWithElementType<\"div\" \| \"header\" \| \"span\">,\n FlowComponentProps<HTMLDivElement \| HTMLHeadElement \| HTMLSpanElement> {\n /** @internal /\n renderSectionHeader?: boolean;\n}\n\n/* @flr-generate all */\nexport const Header = flowComponent(\n \"Header\",\n (props) => {\n const {\n children,\n ref,\n elementType = \"header\",\n renderSectionHeader,\n className,\n ...rest\n } = props;\n\n if (renderSectionHeader) {\n return (\n <SectionHeader ref={ref as never} className={className}>\n {children}\n </SectionHeader>\n );\n }\n\n const Element = elementType;\n\n return (\n <Element {...rest} className={className} ref={ref as never}>\n {children}\n </Element>\n );\n },\n {\n type: \"layout\",\n },\n);\n\nexport default Header;\n"],"mappings":";;;;;;;AAgBA,IAAa,SAAS,cACpB,WACC,UAAU;CACT,MAAM,EACJ,UACA,KACA,cAAc,UACd,qBACA,WACA,GAAG,SACD;CAEJ,IAAI,qBACF,OACE,oBAAC,eAAD;EAAoB;EAAyB;EAC1C;CACY,CAAA;CAMnB,OACE,~~oBAAC~~,aAAD;EAAS,GAAI;EAAiB;EAAgB;EAC3C;CACM,CAAA;AAEb,GACA,EACE,MAAM,SACR,CACF"}
1	+ {"version":3,"file":"Header.mjs","names":["Element"],"sources":["../../../../../../../src/components/Header/Header.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport SectionHeader from \"@/components/Section/components/SectionHeader/SectionHeader\";\n\nexport interface HeaderProps\n extends\n PropsWithChildren,\n PropsWithElementType<\"div\" \| \"header\" \| \"span\">,\n FlowComponentProps<HTMLDivElement \| HTMLHeadElement \| HTMLSpanElement> {\n /** @internal /\n renderSectionHeader?: boolean;\n}\n\n/* @flr-generate all */\nexport const Header = flowComponent(\n \"Header\",\n (props) => {\n const {\n children,\n ref,\n elementType = \"header\",\n renderSectionHeader,\n className,\n ...rest\n } = props;\n\n if (renderSectionHeader) {\n return (\n <SectionHeader ref={ref as never} className={className}>\n {children}\n </SectionHeader>\n );\n }\n\n const Element = elementType;\n\n return (\n <Element {...rest} className={className} ref={ref as never}>\n {children}\n </Element>\n );\n },\n {\n type: \"layout\",\n },\n);\n\nexport default Header;\n"],"mappings":";;;;;;;AAgBA,IAAa,SAAS,cACpB,WACC,UAAU;CACT,MAAM,EACJ,UACA,KACA,cAAc,UACd,qBACA,WACA,GAAG,SACD;CAEJ,IAAI,qBACF,OACE,oBAAC,eAAD;EAAoB;EAAyB;EAC1C;CACY,CAAA;CAMnB,OACE,oBAACA,aAAD;EAAS,GAAI;EAAiB;EAAgB;EAC3C;CACM,CAAA;AAEb,GACA,EACE,MAAM,SACR,CACF"}

package/dist/js/packages/components/src/components/HeaderNavigation/HeaderNavigation.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderNavigation.mjs","names":[],"sources":["../../../../../../../src/components/HeaderNavigation/HeaderNavigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport {\n dynamic,\n type PropsContext,\n PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./HeaderNavigation.module.scss\";\nimport {\n type AlphaColor,\n isAlphaColor,\n type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { Text } from \"@/components/Text\";\n\nexport interface HeaderNavigationProps\n extends PropsWithChildren<ComponentProps<\"nav\">>, PropsWithClassName {\n /** The color of the header navigation. @default \"default\" /\n color?: \"default\" \| AlphaColor;\n}\n\n/* @flr-generate all */\nexport const HeaderNavigation: FC<HeaderNavigationProps> = (props) => {\n const { children, className, color = \"default\", ...rest } = props;\n\n const rootClassName = clsx(\n styles.headerNavigation,\n isAlphaColor(color) && styles[color],\n className,\n );\n\n const propsContext: PropsContext = {\n Link: {\n wrapWith: <li className={styles.item} />,\n className: styles.link,\n unstyled: true,\n children: dynamic((props) => (\n <Text emulateBoldWidth>{props.children}</Text>\n )),\n },\n Button: {\n className: styles.button,\n color: isAlphaColor(color) ? color : \"secondary\",\n variant: \"plain\",\n wrapWith: <li className={styles.item} />,\n },\n };\n\n return (\n <nav className={rootClassName} role=\"navigation\" {...rest}>\n <ul className={styles.list}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </ul>\n </nav>\n );\n};\n\nexport default HeaderNavigation;\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,SAAS;CAE5D,MAAM,gBAAgB,~~KACpB~~,gCAAO,kBACP,aAAa,KAAK,~~KAAK~~,gCAAO,QAC9B,SACF;CAEA,MAAM,eAA6B;EACjC,MAAM;GACJ,UAAU,oBAAC,MAAD,EAAI,~~WAAW~~,gCAAO,KAAO,CAAA;GACvC,~~WAAW~~,gCAAO;GAClB,UAAU;GACV,UAAU,SAAS,UACjB,oBAAC,MAAD;IAAM,kBAAA;IAAkB,UAAA,MAAM;GAAe,CAAA,CAC9C;EACH;EACA,QAAQ;GACN,~~WAAW~~,gCAAO;GAClB,OAAO,aAAa,KAAK,IAAI,QAAQ;GACrC,SAAS;GACT,UAAU,oBAAC,MAAD,EAAI,~~WAAW~~,gCAAO,KAAO,CAAA;EACzC;CACF;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW;EAAe,MAAK;EAAa,GAAI;EACnD,UAAA,oBAAC,MAAD;GAAI,~~WAAW~~,gCAAO;GACpB,UAAA,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;GACmB,CAAA;EACpB,CAAA;CACD,CAAA;AAET"}
1	+ {"version":3,"file":"HeaderNavigation.mjs","names":["styles"],"sources":["../../../../../../../src/components/HeaderNavigation/HeaderNavigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport {\n dynamic,\n type PropsContext,\n PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./HeaderNavigation.module.scss\";\nimport {\n type AlphaColor,\n isAlphaColor,\n type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { Text } from \"@/components/Text\";\n\nexport interface HeaderNavigationProps\n extends PropsWithChildren<ComponentProps<\"nav\">>, PropsWithClassName {\n /** The color of the header navigation. @default \"default\" /\n color?: \"default\" \| AlphaColor;\n}\n\n/* @flr-generate all */\nexport const HeaderNavigation: FC<HeaderNavigationProps> = (props) => {\n const { children, className, color = \"default\", ...rest } = props;\n\n const rootClassName = clsx(\n styles.headerNavigation,\n isAlphaColor(color) && styles[color],\n className,\n );\n\n const propsContext: PropsContext = {\n Link: {\n wrapWith: <li className={styles.item} />,\n className: styles.link,\n unstyled: true,\n children: dynamic((props) => (\n <Text emulateBoldWidth>{props.children}</Text>\n )),\n },\n Button: {\n className: styles.button,\n color: isAlphaColor(color) ? color : \"secondary\",\n variant: \"plain\",\n wrapWith: <li className={styles.item} />,\n },\n };\n\n return (\n <nav className={rootClassName} role=\"navigation\" {...rest}>\n <ul className={styles.list}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </ul>\n </nav>\n );\n};\n\nexport default HeaderNavigation;\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,SAAS;CAE5D,MAAM,gBAAgB,KACpBA,gCAAO,kBACP,aAAa,KAAK,KAAKA,gCAAO,QAC9B,SACF;CAEA,MAAM,eAA6B;EACjC,MAAM;GACJ,UAAU,oBAAC,MAAD,EAAI,WAAWA,gCAAO,KAAO,CAAA;GACvC,WAAWA,gCAAO;GAClB,UAAU;GACV,UAAU,SAAS,UACjB,oBAAC,MAAD;IAAM,kBAAA;IAAkB,UAAA,MAAM;GAAe,CAAA,CAC9C;EACH;EACA,QAAQ;GACN,WAAWA,gCAAO;GAClB,OAAO,aAAa,KAAK,IAAI,QAAQ;GACrC,SAAS;GACT,UAAU,oBAAC,MAAD,EAAI,WAAWA,gCAAO,KAAO,CAAA;EACzC;CACF;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW;EAAe,MAAK;EAAa,GAAI;EACnD,UAAA,oBAAC,MAAD;GAAI,WAAWA,gCAAO;GACpB,UAAA,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;GACmB,CAAA;EACpB,CAAA;CACD,CAAA;AAET"}

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

@@ -2,8 +2,10 @@
 /* */
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import { styleClassname } from "../../lib/scss/selectors.mjs";
+import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs";
 import Heading_module_default from "./Heading.module.mjs";
 import clsx from "clsx";
 import { Children } from "react";
@@ -23,6 +25,7 @@ var sizeByLevel = {
 /** @flr-generate all */
 var Heading = flowComponent("Heading", (props) => {
 	const { children, className, level = 2, color = "default", wrap, size, ref, elementType, ...rest } = props;
+	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;
 	const effectiveSize = size ?? sizeByLevel[level] ?? "xs";
@@ -70,9 +73,13 @@ var Heading = flowComponent("Heading", (props) => {
 			...rest,
 			ref,
 			level,
+			inert: isSkeleton || void 0,
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: Heading_module_default.headingText,
-				children: [children, /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+				children: [/* @__PURE__ */ jsx(SkeletonTextContent, {
+					defaultWidth: "12em",
+					children
+				}), /* @__PURE__ */ jsx(UiComponentTunnelExit, {
 					id: "headingContent",
 					component: "Heading",
 					children: (items) => Children.count(items) > 0 && /* @__PURE__ */ jsx("span", { className: Heading_module_default.headingTextSpacer })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.mjs","names":[],"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 { 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 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 className={rootClassName} {...rest} ref={ref} level={level}>\n <span className={styles.headingText}>\n {children}\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":"~~;;;;;;;;;;;;;;;;;AA8BA~~,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,gBAAgB,~~KACpB~~,uBAAO,SACP,~~QAAQ~~,uBAAO,QAAQ,SACvB,UAAU,~~aAAa~~,uBAAO,QAC9B,~~QAAQ~~,uBAAO,QAAQ,SAIvB,~~eAAe~~,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,~~WAAW~~,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,~~WAAW~~,uBAAO,KACpB,EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,SAAD;~~GAAS~~,WAAW;~~GAAe~~,GAAI;~~GAAW~~;~~GAAY~~;~~GAA9D~~,UAAA,~~CACE~~,qBAAC,QAAD;IAAM,~~WAAW~~,uBAAO;IAAxB,UAAA,~~CACG~~,~~UACD~~,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,UACA,SAAS,MAAM,KAAK,IAAI,KACtB,oBAAC,QAAD,EAAM,~~WAAW~~,uBAAO,kBAAoB,CAAA;IAG3B,CAAA,CACnB;GACN,CAAA,GAAA,oBAAC,QAAD;IAAM,~~WAAW~~,uBAAO;IACtB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,UACA,SAAS,IAAI,QAAQ,SACnB,oBAAC,QAAD;MAAM,~~WAAW~~,uBAAO;MAAqB,UAAA;KAAW,CAAA,CACzD;IAEkB,CAAA;GACnB,CAAA,CACC;;CACW,CAAA;AAE1B,CAAC"}
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"}

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

@@ -5,8 +5,10 @@ import Icon_module_default from "./Icon.module.mjs";
 import { cloneElement as cloneElement$1 } from "../../lib/react/cloneElement.mjs";
 import { alphaColors, statusTypes } from "../../lib/types/props.mjs";
 import { useWarnDeprecation } from "../DeprecationWarningProvider/DeprecationWarningProvider.mjs";
+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
 var iconColors = [
 	"neutral",
@@ -23,6 +25,7 @@ function isIconColor(something) {
 /** @flr-generate all */
 var Icon = flowComponent("Icon", (props) => {
 	const warnDeprecation = useWarnDeprecation();
+	const isSkeleton = useSkeletonMode();
 	const { className, "aria-label": ariaLabel, children, size = "m", status, color, ...svgAttributes } = props;
 	if (status !== void 0) warnDeprecation("The 'status' prop is deprecated and will be removed in a future release. Use 'color' instead.");
 	const resolvedColor = color ?? status;
@@ -43,6 +46,12 @@ var Icon = flowComponent("Icon", (props) => {
 	};
 	const iconElement = React.Children.toArray(children)[0];
 	if (!React.isValidElement(iconElement)) throw new Error(`Expected children of Icon component to be a valid React element (got ${String(children)})`);
+	if (isSkeleton) return /* @__PURE__ */ jsx("span", {
+		className: clsx(iconProps.className, Icon_module_default.skeleton),
+		style: svgAttributes.style,
+		"aria-hidden": true,
+		inert: true
+	});
 	return cloneElement$1(iconElement, iconProps);
 });
 //#endregion

package/dist/js/packages/components/src/components/Icon/Icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.mjs","names":[],"sources":["../../../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\nimport { alphaColors, type Status, statusTypes } from \"@/lib/types/props\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nconst iconColors = [\n \"neutral\",\n \"blue\",\n \"violet\",\n \"teal\",\n \"lilac\",\n ...statusTypes,\n ...alphaColors,\n] as const;\n\ntype IconColor = (typeof iconColors)[number];\ntype IconWithCustomColor = IconColor \| (string & {});\n\nfunction isIconColor(something: unknown): something is IconColor {\n const anyIconColors = iconColors as readonly string[];\n return typeof something === \"string\" && anyIconColors.includes(something);\n}\n\nexport interface IconProps\n extends\n PropsWithChildren<Omit<SvgAttributeProps, \"name\" \| \"color\">>,\n FlowComponentProps {\n /** The size of the icon. @default \"m\" /\n size?: \"s\" \| \"m\" \| \"l\";\n /\n The color of the icon. Besides the Flow colors, any custom CSS color is\n * supported. Inherits the surrounding text color when unset.\n /\n color?: IconWithCustomColor;\n /\n The elements status.\n \n @deprecated Use `color` instead.\n /\n status?: Status;\n}\n\n/* @flr-generate all */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n const warnDeprecation = useWarnDeprecation();\n const {\n className,\n \"aria-label\": ariaLabel,\n children,\n size = \"m\",\n status,\n color,\n ...svgAttributes\n } = props;\n\n if (status !== undefined) {\n warnDeprecation(\n \"The 'status' prop is deprecated and will be removed in a future release. Use 'color' instead.\",\n );\n }\n\n const resolvedColor = color ?? status;\n const paletteColor = isIconColor(resolvedColor) ? resolvedColor : undefined;\n const customColor = paletteColor === undefined ? resolvedColor : undefined;\n const customColorStyle = customColor\n ? { color: customColor, ...svgAttributes.style }\n : undefined;\n\n const iconProps: SvgAttributeProps = {\n ...svgAttributes,\n ...(customColorStyle && { style: customColorStyle }),\n focusable: \"false\",\n role: \"img\",\n \"aria-hidden\": !ariaLabel,\n \"aria-label\": ariaLabel,\n className: clsx(\n styles.icon,\n styles[`size-${size}`],\n paletteColor && styles[paletteColor],\n className,\n ),\n };\n\n const iconElement = React.Children.toArray(children)[0];\n\n if (!React.isValidElement(iconElement)) {\n throw new Error(\n `Expected children of Icon component to be a valid React element (got ${String(\n children,\n )})`,\n );\n }\n\n return cloneElement(iconElement, iconProps);\n});\n\nexport default Icon;\n"],"mappings":"~~;;;;;;;;;;AAYA~~,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;AACL;AAKA,SAAS,YAAY,WAA4C;CAE/D,OAAO,OAAO,cAAc,~~YAAY~~,WAAc,SAAS,SAAS;AAC1E;;AAsBA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,EACJ,WACA,cAAc,WACd,UACA,OAAO,KACP,QACA,OACA,GAAG,kBACD;CAEJ,IAAI,WAAW,KAAA,GACb,gBACE,+FACF;CAGF,MAAM,gBAAgB,SAAS;CAC/B,MAAM,eAAe,YAAY,aAAa,IAAI,gBAAgB,KAAA;CAClE,MAAM,cAAc,iBAAiB,KAAA,IAAY,gBAAgB,KAAA;CACjE,MAAM,mBAAmB,cACrB;EAAE,OAAO;EAAa,GAAG,cAAc;CAAM,IAC7C,KAAA;CAEJ,MAAM,YAA+B;EACnC,GAAG;EACH,GAAI,oBAAoB,EAAE,OAAO,iBAAiB;EAClD,WAAW;EACX,MAAM;EACN,eAAe,CAAC;EAChB,cAAc;EACd,WAAW,~~KACT~~,oBAAO,~~MACP~~,oBAAO,QAAQ,SACf,~~gBAAgB~~,oBAAO,eACvB,SACF;CACF;CAEA,MAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ,CAAC,CAAC;CAErD,IAAI,CAAC,MAAM,eAAe,WAAW,GACnC,MAAM,IAAI,MACR,wEAAwE,OACtE,QACF,EAAE,EACJ;~~CAGF~~,OAAO,eAAa,aAAa,SAAS;AAC5C,CAAC"}
1	+ {"version":3,"file":"Icon.mjs","names":["anyIconColors","styles","cloneElement"],"sources":["../../../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\nimport { alphaColors, type Status, statusTypes } from \"@/lib/types/props\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nconst iconColors = [\n \"neutral\",\n \"blue\",\n \"violet\",\n \"teal\",\n \"lilac\",\n ...statusTypes,\n ...alphaColors,\n] as const;\n\ntype IconColor = (typeof iconColors)[number];\ntype IconWithCustomColor = IconColor \| (string & {});\n\nfunction isIconColor(something: unknown): something is IconColor {\n const anyIconColors = iconColors as readonly string[];\n return typeof something === \"string\" && anyIconColors.includes(something);\n}\n\nexport interface IconProps\n extends\n PropsWithChildren<Omit<SvgAttributeProps, \"name\" \| \"color\">>,\n FlowComponentProps {\n /** The size of the icon. @default \"m\" /\n size?: \"s\" \| \"m\" \| \"l\";\n /\n The color of the icon. Besides the Flow colors, any custom CSS color is\n * supported. Inherits the surrounding text color when unset.\n /\n color?: IconWithCustomColor;\n /\n The elements status.\n \n @deprecated Use `color` instead.\n /\n status?: Status;\n}\n\n/* @flr-generate all /\nexport const Icon = flowComponent(\"Icon\", (props) => {\n const warnDeprecation = useWarnDeprecation();\n const isSkeleton = useSkeletonMode();\n const {\n className,\n \"aria-label\": ariaLabel,\n children,\n size = \"m\",\n status,\n color,\n ...svgAttributes\n } = props;\n\n if (status !== undefined) {\n warnDeprecation(\n \"The 'status' prop is deprecated and will be removed in a future release. Use 'color' instead.\",\n );\n }\n\n const resolvedColor = color ?? status;\n const paletteColor = isIconColor(resolvedColor) ? resolvedColor : undefined;\n const customColor = paletteColor === undefined ? resolvedColor : undefined;\n const customColorStyle = customColor\n ? { color: customColor, ...svgAttributes.style }\n : undefined;\n\n const iconProps: SvgAttributeProps = {\n ...svgAttributes,\n ...(customColorStyle && { style: customColorStyle }),\n focusable: \"false\",\n role: \"img\",\n \"aria-hidden\": !ariaLabel,\n \"aria-label\": ariaLabel,\n className: clsx(\n styles.icon,\n styles[`size-${size}`],\n paletteColor && styles[paletteColor],\n className,\n ),\n };\n\n const iconElement = React.Children.toArray(children)[0];\n\n if (!React.isValidElement(iconElement)) {\n throw new Error(\n `Expected children of Icon component to be a valid React element (got ${String(\n children,\n )})`,\n );\n }\n\n / An svg draws no `::after`, so the shimmer needs an element of its own. */\n if (isSkeleton) {\n return (\n <span\n className={clsx(iconProps.className, styles.skeleton)}\n style={svgAttributes.style}\n aria-hidden\n inert\n />\n );\n }\n\n return cloneElement(iconElement, iconProps);\n});\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;AACL;AAKA,SAAS,YAAY,WAA4C;CAE/D,OAAO,OAAO,cAAc,YAAYA,WAAc,SAAS,SAAS;AAC1E;;AAsBA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,aAAa,gBAAgB;CACnC,MAAM,EACJ,WACA,cAAc,WACd,UACA,OAAO,KACP,QACA,OACA,GAAG,kBACD;CAEJ,IAAI,WAAW,KAAA,GACb,gBACE,+FACF;CAGF,MAAM,gBAAgB,SAAS;CAC/B,MAAM,eAAe,YAAY,aAAa,IAAI,gBAAgB,KAAA;CAClE,MAAM,cAAc,iBAAiB,KAAA,IAAY,gBAAgB,KAAA;CACjE,MAAM,mBAAmB,cACrB;EAAE,OAAO;EAAa,GAAG,cAAc;CAAM,IAC7C,KAAA;CAEJ,MAAM,YAA+B;EACnC,GAAG;EACH,GAAI,oBAAoB,EAAE,OAAO,iBAAiB;EAClD,WAAW;EACX,MAAM;EACN,eAAe,CAAC;EAChB,cAAc;EACd,WAAW,KACTC,oBAAO,MACPA,oBAAO,QAAQ,SACf,gBAAgBA,oBAAO,eACvB,SACF;CACF;CAEA,MAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ,CAAC,CAAC;CAErD,IAAI,CAAC,MAAM,eAAe,WAAW,GACnC,MAAM,IAAI,MACR,wEAAwE,OACtE,QACF,EAAE,EACJ;CAIF,IAAI,YACF,OACE,oBAAC,QAAD;EACE,WAAW,KAAK,UAAU,WAAWA,oBAAO,QAAQ;EACpD,OAAO,cAAc;EACrB,eAAA;EACA,OAAA;CACD,CAAA;CAIL,OAAOC,eAAa,aAAa,SAAS;AAC5C,CAAC"}

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

@@ -14,6 +14,7 @@ var teal = "flow--icon--teal";
 var lilac = "flow--icon--lilac";
 var dark = "flow--icon--dark";
 var light = "flow--icon--light";
+var skeleton = "flow--icon--skeleton";
 var Icon_module_default = {
 	icon,
 	"size-m": "flow--icon--size-m",
@@ -32,9 +33,12 @@ var Icon_module_default = {
 	dark,
 	light,
 	"dark-static": "flow--icon--dark-static",
-	"light-static": "flow--icon--light-static"
+	"light-static": "flow--icon--light-static",
+	skeleton,
+	"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, success, teal, unavailable, violet, warning };
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.module.mjs","names":[],"sources":["../../../../../../../src/components/Icon/Icon.module.scss"],"sourcesContent":[".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"],"mappings":""}
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":""}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAI.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAI.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAI as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAI: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"AI\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAI;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,YACX,UACG;CAEH,MAAM,OADc,eAAe,IACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconAI.mjs","names":["IconAI","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAI.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAI as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAI: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"AI\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAI;\n"],"mappings":";;;;;;;;AAOA,IAAaA,YACX,UACG;CAEH,MAAM,OADc,eAAe,IACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAIHosting.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAIHosting.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAIHosting as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAIHosting: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"AIHosting\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAIHosting;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconAIHosting.mjs","names":["IconAIHosting","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAIHosting.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAIHosting as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAIHosting: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"AIHosting\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAIHosting;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAnalytics.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAnalytics.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAnalytics as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAnalytics: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Analytics\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAnalytics;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconAnalytics.mjs","names":["IconAnalytics","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAnalytics.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAnalytics as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAnalytics: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Analytics\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAnalytics;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconApp.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconApp.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconApp as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconApp: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"App\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconApp;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,aACX,UACG;CAEH,MAAM,OADc,eAAe,KACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconApp.mjs","names":["IconApp","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconApp.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconApp as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconApp: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"App\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconApp;\n"],"mappings":";;;;;;;;AAOA,IAAaA,aACX,UACG;CAEH,MAAM,OADc,eAAe,KACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAscending.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAscending.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAscending as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAscending: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Ascending\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAscending;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconAscending.mjs","names":["IconAscending","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAscending.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAscending as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAscending: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Ascending\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAscending;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAttachment.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAttachment.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAttachment as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAttachment: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Attachment\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAttachment;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,oBAER,UAAU;CAEb,MAAM,OADc,eAAe,YACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconAttachment.mjs","names":["IconAttachment","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAttachment.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAttachment as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAttachment: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Attachment\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAttachment;\n"],"mappings":";;;;;;;;AAOA,IAAaA,oBAER,UAAU;CAEb,MAAM,OADc,eAAe,YACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAutoresponder.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAutoresponder.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAutoresponder as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAutoresponder: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Autoresponder\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAutoresponder;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconAutoresponder.mjs","names":["IconAutoresponder","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAutoresponder.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAutoresponder as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAutoresponder: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Autoresponder\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconAutoresponder;\n"],"mappings":";;;;;;;;AAOA,IAAaA,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconBackLink.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconBackLink.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBackLink as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconBackLink: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"BackLink\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconBackLink;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconBackLink.mjs","names":["IconBackLink","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconBackLink.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBackLink as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconBackLink: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"BackLink\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconBackLink;\n"],"mappings":";;;;;;;;AAOA,IAAaA,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconBackup.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconBackup.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBackup as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconBackup: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Backup\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconBackup;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconBackup.mjs","names":["IconBackup","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconBackup.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBackup as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconBackup: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Backup\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconBackup;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconBold.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconBold.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBold as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconBold: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Bold\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconBold;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconBold.mjs","names":["IconBold","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconBold.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBold as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconBold: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Bold\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconBold;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconCamera.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCamera.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCamera as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCamera: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Camera\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCamera;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconCamera.mjs","names":["IconCamera","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCamera.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCamera as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCamera: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Camera\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCamera;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconCertificate.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCertificate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCertificate as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCertificate: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Certificate\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCertificate;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconCertificate.mjs","names":["IconCertificate","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCertificate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCertificate as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCertificate: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Certificate\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCertificate;\n"],"mappings":";;;;;;;;AAOA,IAAaA,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconChangelog.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconChangelog.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconChangelog as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconChangelog: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Changelog\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconChangelog;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconChangelog.mjs","names":["IconChangelog","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconChangelog.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconChangelog as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconChangelog: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"Changelog\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconChangelog;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconCheck.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheck.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheck as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheck: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Check\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheck;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconCheck.mjs","names":["IconCheck","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheck.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheck as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheck: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n props,\n) => {\n const fromContext = useContextIcon(\"Check\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheck;\n"],"mappings":";;;;;;;;AAOA,IAAaA,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconCheckboxChecked.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheckboxChecked.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheckboxChecked as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheckboxChecked: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"CheckboxChecked\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheckboxChecked;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,yBAER,UAAU;CAEb,MAAM,OADc,eAAe,iBACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconCheckboxChecked.mjs","names":["IconCheckboxChecked","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheckboxChecked.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheckboxChecked as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheckboxChecked: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"CheckboxChecked\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheckboxChecked;\n"],"mappings":";;;;;;;;AAOA,IAAaA,yBAER,UAAU;CAEb,MAAM,OADc,eAAe,iBACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconCheckboxEmpty.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheckboxEmpty.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheckboxEmpty as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheckboxEmpty: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"CheckboxEmpty\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheckboxEmpty;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconCheckboxEmpty.mjs","names":["IconCheckboxEmpty","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheckboxEmpty.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheckboxEmpty as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheckboxEmpty: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"CheckboxEmpty\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheckboxEmpty;\n"],"mappings":";;;;;;;;AAOA,IAAaA,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconCheckboxIndeterminate.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheckboxIndeterminate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheckboxIndeterminate as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheckboxIndeterminate: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"CheckboxIndeterminate\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheckboxIndeterminate;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,+BAER,UAAU;CAEb,MAAM,OADc,eAAe,uBACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconCheckboxIndeterminate.mjs","names":["IconCheckboxIndeterminate","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconCheckboxIndeterminate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheckboxIndeterminate as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconCheckboxIndeterminate: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"CheckboxIndeterminate\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconCheckboxIndeterminate;\n"],"mappings":";;;;;;;;AAOA,IAAaA,+BAER,UAAU;CAEb,MAAM,OADc,eAAe,uBACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconChevronDown.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconChevronDown.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconChevronDown as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconChevronDown: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"ChevronDown\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconChevronDown;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconChevronDown.mjs","names":["IconChevronDown","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconChevronDown.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconChevronDown as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconChevronDown: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"ChevronDown\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconChevronDown;\n"],"mappings":";;;;;;;;AAOA,IAAaA,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconChevronLeft.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconChevronLeft.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconChevronLeft.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconChevronLeft as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconChevronLeft: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"ChevronLeft\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconChevronLeft;\n"],"mappings":";;;;;;;;AAOA,~~IAAa~~,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,~~KAAe~~;CAC5B,OACE,~~oBAAC~~,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
1	+ {"version":3,"file":"IconChevronLeft.mjs","names":["IconChevronLeft","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconChevronLeft.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconChevronLeft as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconChevronLeft: FC<\n Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n const fromContext = useContextIcon(\"ChevronLeft\");\n const Icon = fromContext ?? IconImport;\n return (\n <View {...props}>\n <Icon />\n </View>\n );\n};\n\nexport default IconChevronLeft;\n"],"mappings":";;;;;;;;AAOA,IAAaA,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}