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

@mittwald/flow-react-components 1.5.0-next.9 → 1.5.0

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 (787) hide show

package/dist/js/packages/components/src/lib/hooks/useFieldComponent.mjs CHANGED Viewed

@@ -1,16 +1,20 @@
 "use client"
 /* */
+import { useSkeletonMode } from "../../components/SkeletonMode/skeletonModeContext.mjs";
 import FormField_module_default from "../../components/FormField/FormField.module.mjs";
 import { useFieldError } from "./useFieldError.mjs";
-import clsx from "clsx";
+import "clsx";
 import { useId } from "react";
 //#region src/lib/hooks/useFieldComponent.tsx
+/** Joins id references, dropping empty ones. @internal */
+var joinIds = (...ids) => ids.filter(Boolean).join(" ") || void 0;
 var useFieldComponent = (props, component) => {
 	const fieldErrorId = useId();
-	const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({
+	const { FieldErrorView, FieldErrorCaptureContext, renderedFieldErrorId } = useFieldError({
 		fieldErrorId,
 		component
 	});
+	const isSkeleton = useSkeletonMode();
 	return {
 		FieldErrorView,
 		FieldErrorCaptureContext,
@@ -22,13 +26,16 @@ var useFieldComponent = (props, component) => {
 			},
 			FieldDescription: { className: FormField_module_default.fieldDescription }
 		},
-		fieldProps: {
-			"aria-describedby": props.isInvalid ? fieldErrorId : props["aria-describedby"],
-			className: clsx(FormField_module_default.formField)
-		}
+		wrapperProps: { className: FormField_module_default.formField },
+		controlProps: { "aria-describedby": joinIds(renderedFieldErrorId, props["aria-describedby"]) },
+		renderedFieldErrorId,
+		skeletonProps: isSkeleton ? {
+			inert: true,
+			"data-skeleton": true
+		} : {}
 	};
 };
 //#endregion
-export { useFieldComponent };
+export { joinIds, useFieldComponent };
 //# sourceMappingURL=useFieldComponent.mjs.map

package/dist/js/packages/components/src/lib/hooks/useFieldComponent.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFieldComponent.mjs","names":[],"sources":["../../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useId } from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport ~~clsx,~~ { type ClassValue } from \"clsx\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ninterface FieldComponentProps {\n className?: ClassValue;\n isRequired?: boolean;\n isDisabled?: boolean;\n ~~isInvalid?: boolean;\n~~ \"aria-describedby\"?: string;\n}\n\nexport interface UseFieldComponent {\n FieldErrorCaptureContext: FC<PropsWithChildren>;\n FieldErrorView: FC;\n fieldPropsContext: PropsContext;\n ~~fieldProps~~: {\n \"aria-describedby\"?: string;\n ~~className~~?: ~~ReturnType<typeof~~ ~~clsx>;\~~n };\n}\n\nexport const useFieldComponent = (\n props: FieldComponentProps,\n component: FlowComponentName,\n): UseFieldComponent => {\n const fieldErrorId = useId();\n const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({\n fieldErrorId,\n component,\n });\n\n // setting up the props context for all components that\n // are part of a form control\n const fieldPropsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n isDisabled: !!props.isDisabled,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n };\n\n return {\n FieldErrorView,\n FieldErrorCaptureContext,\n fieldPropsContext,\n ~~fieldProps~~: {\n \"aria-describedby\": ~~props.isInvalid~~\n ~~? fieldErrorId\~~n : props[\"aria-describedby\"],\n ~~className: clsx(formFieldStyles.formField~~),\n },\n } as const;\n};\n"],"mappings":"~~;;;;;;;AAyBA~~,IAAa,qBACX,OACA,cACsB;CACtB,MAAM,eAAe,MAAM;CAC3B,MAAM,EAAE,gBAAgB,~~6BAA6B~~,cAAc;~~EACjE~~;EACA;CACF,CAAC;~~CAeD~~,OAAO;EACL;EACA;EACA,mBAAA;GAbA,OAAO;IACL,~~WAAW~~,yBAAgB;IAC3B,UAAU,CAAC,MAAM;IACjB,YAAY,CAAC,CAAC,MAAM;GACtB;GACA,kBAAkB,EAChB,~~WAAW~~,yBAAgB,iBAC7B;EAMA;EACA,~~YAAY~~;~~GACV~~,oBAAoB,MAAM,~~YACtB~~,~~eACA~~,~~MAAM~~;~~GACV~~,~~WAAW~~,~~KAAK~~,~~yBAAgB~~,~~SAAS~~;~~EAC3C~~;~~CACF;~~AACF"}
1	+ {"version":3,"file":"useFieldComponent.mjs","names":["formFieldStyles"],"sources":["../../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useId } from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport { type ClassValue } from \"clsx\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\ninterface FieldComponentProps {\n className?: ClassValue;\n isRequired?: boolean;\n isDisabled?: boolean;\n \"aria-describedby\"?: string;\n}\n\nexport interface UseFieldComponent {\n FieldErrorCaptureContext: FC<PropsWithChildren>;\n FieldErrorView: FC;\n fieldPropsContext: PropsContext;\n /** For the field's outer element. /\n wrapperProps: {\n className: string;\n };\n /\n For what assistive technology lands on — the input, or the group of a\n * grouped control. Where the react-aria root forwards `aria-describedby` to\n * its input itself, spread it on the root together with `wrapperProps`.\n * Spread it after `rest`: it already contains the consumer's\n * `aria-describedby`, which `rest` would otherwise put back alone.\n /\n controlProps: {\n \"aria-describedby\"?: string;\n };\n /* The id of the error while one is rendered, without the consumer's ids. /\n renderedFieldErrorId?: string;\n /\n Belongs on the field's root element. In an enabled `SkeletonMode` it makes\n * the field `inert`, and `data-skeleton` turns its control into a surface\n * (`formSkeleton` in `@/styles/mixins/formControl`).\n /\n skeletonProps: {\n inert?: true;\n \"data-skeleton\"?: true;\n };\n}\n\n/* Joins id references, dropping empty ones. @internal */\nexport const joinIds = (...ids: (string \| false \| null \| undefined)[]) =>\n ids.filter(Boolean).join(\" \") \|\| undefined;\n\nexport const useFieldComponent = (\n props: FieldComponentProps,\n component: FlowComponentName,\n): UseFieldComponent => {\n const fieldErrorId = useId();\n const { FieldErrorView, FieldErrorCaptureContext, renderedFieldErrorId } =\n useFieldError({\n fieldErrorId,\n component,\n });\n const isSkeleton = useSkeletonMode();\n\n // setting up the props context for all components that\n // are part of a form control\n const fieldPropsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n isDisabled: !!props.isDisabled,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n };\n\n return {\n FieldErrorView,\n FieldErrorCaptureContext,\n fieldPropsContext,\n wrapperProps: {\n className: formFieldStyles.formField,\n },\n controlProps: {\n // Reference the error only while it is rendered – an id that points to\n // nothing fails HTML validators and a11y checks.\n \"aria-describedby\": joinIds(\n renderedFieldErrorId,\n props[\"aria-describedby\"],\n ),\n },\n renderedFieldErrorId,\n skeletonProps: isSkeleton ? { inert: true, \"data-skeleton\": true } : {},\n } as const;\n};\n"],"mappings":";;;;;;;;;AA+CA,IAAa,WAAW,GAAG,QACzB,IAAI,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;AAEnC,IAAa,qBACX,OACA,cACsB;CACtB,MAAM,eAAe,MAAM;CAC3B,MAAM,EAAE,gBAAgB,0BAA0B,yBAChD,cAAc;EACZ;EACA;CACF,CAAC;CACH,MAAM,aAAa,gBAAgB;CAenC,OAAO;EACL;EACA;EACA,mBAAA;GAbA,OAAO;IACL,WAAWA,yBAAgB;IAC3B,UAAU,CAAC,MAAM;IACjB,YAAY,CAAC,CAAC,MAAM;GACtB;GACA,kBAAkB,EAChB,WAAWA,yBAAgB,iBAC7B;EAMA;EACA,cAAc,EACZ,WAAWA,yBAAgB,UAC7B;EACA,cAAc,EAGZ,oBAAoB,QAClB,sBACA,MAAM,mBACR,EACF;EACA;EACA,eAAe,aAAa;GAAE,OAAO;GAAM,iBAAiB;EAAK,IAAI,CAAC;CACxE;AACF"}

package/dist/js/packages/components/src/lib/hooks/useFieldError.mjs CHANGED Viewed

@@ -5,7 +5,8 @@ import { PropsContextProvider } from "../propsContext/components/PropsContextPro
 import { ClearPropsContext } from "../propsContext/components/ClearPropsContext.mjs";
 import { UiComponentTunnelExit } from "../../components/UiComponentTunnel/UiComponentTunnelExit.mjs";
 import FormField_module_default from "../../components/FormField/FormField.module.mjs";
-import React, { useMemo } from "react";
+import { FieldErrorRenderedContext } from "./fieldErrorRenderedContext.mjs";
+import React, { useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/hooks/useFieldError.tsx
 var useFieldError = (options) => {
@@ -19,27 +20,39 @@ var useFieldError = (options) => {
 		},
 		className: FormField_module_default.fieldError
 	} };
-	const FieldErrorCaptureContext = useMemo(() => (props) => {
-		return /* @__PURE__ */ jsx(PropsContextProvider, {
-			props: fieldErrorCapturePropsContext,
-			dependencies: [tunnelId],
-			children: props.children
-		});
-	}, [tunnelId]);
-	const FieldErrorView = () => {
-		if (currentTunnelId) return null;
-		return /* @__PURE__ */ jsx(UiComponentTunnelExit, {
-			id: tunnelId,
-			component: options.component,
-			children: (children) => {
-				const childrenArray = React.Children.toArray(children);
-				return /* @__PURE__ */ jsx(ClearPropsContext, { children: childrenArray[0] });
-			}
-		});
-	};
+	const [renderedFieldErrorId, setRenderedFieldErrorId] = useState();
 	return {
-		FieldErrorCaptureContext,
-		FieldErrorView
+		FieldErrorCaptureContext: useMemo(() => (props) => {
+			return /* @__PURE__ */ jsx(PropsContextProvider, {
+				props: fieldErrorCapturePropsContext,
+				dependencies: [tunnelId],
+				children: props.children
+			});
+		}, [tunnelId]),
+		FieldErrorView: useMemo(() => () => {
+			if (currentTunnelId) return null;
+			return /* @__PURE__ */ jsx(FieldErrorRenderedContext, {
+				value: setRenderedFieldErrorId,
+				children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+					id: tunnelId,
+					component: options.component,
+					children: (children) => {
+						const childrenArray = React.Children.toArray(children);
+						return /* @__PURE__ */ jsx(ClearPropsContext, { children: childrenArray[0] });
+					}
+				})
+			});
+		}, [
+			currentTunnelId,
+			tunnelId,
+			options.component
+		]),
+		/**
+		* The id of the error while one is rendered for this field. A nested field
+		* (a `Checkbox` inside a `CheckboxButton`) renders its error at the outer
+		* one, so only the outer field ever gets an id here.
+		*/
+		renderedFieldErrorId
 	};
 };
 //#endregion

package/dist/js/packages/components/src/lib/hooks/useFieldError.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFieldError.mjs","names":[],"sources":["../../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, { type FC, type PropsWithChildren, useMemo } from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UseFieldErrorOptions {\n fieldErrorId: string;\n tunnelId?: string;\n component: FlowComponentName;\n}\n\nexport const useFieldError = (options: UseFieldErrorOptions) => {\n const fieldErrorProps = useProps(\"FieldError\", {});\n const currentTunnelId = fieldErrorProps.tunnel?.id;\n const tunnelId =\n options.tunnelId ?? currentTunnelId ?? `${options.fieldErrorId}.fieldError`;\n\n const fieldErrorCapturePropsContext: PropsContext = {\n FieldError: {\n id: options.fieldErrorId,\n tunnel: { id: tunnelId, component: options.component },\n className: formFieldStyles.fieldError,\n },\n };\n\n const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n () => (props) => {\n return (\n <PropsContextProvider\n props={fieldErrorCapturePropsContext}\n dependencies={[tunnelId]}\n >\n {props.children}\n </PropsContextProvider>\n );\n },\n [tunnelId],\n );\n\n const FieldErrorView = () => {\n if (currentTunnelId) {\n return null;\n }\n\n return (\n <UiComponentTunnelExit id={tunnelId} component={options.component}>\n {(children) => {\n const childrenArray = React.Children.toArray(children);\n return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n }}\n </UiComponentTunnelExit>\n );\n };\n\n return {\n FieldErrorCaptureContext,\n FieldErrorView,\n } as const;\n};\n"],"mappings":"~~;;;;;;;;;;AAcA~~,IAAa,iBAAiB,YAAkC;CAE9D,MAAM,kBADkB,SAAS,cAAc,CAAC,CACxB,CAAA,CAAgB,QAAQ;CAChD,MAAM,WACJ,QAAQ,YAAY,mBAAmB,GAAG,QAAQ,aAAa;CAEjE,MAAM,gCAA8C,EAClD,YAAY;EACV,IAAI,QAAQ;EACZ,QAAQ;GAAE,IAAI;GAAU,WAAW,QAAQ;EAAU;EACrD,~~WAAW~~,yBAAgB;CAC7B,EACF;CAEA,MAAM,~~2BAAkD~~,eAC/C,UAAU;~~EACf~~,OACE,oBAAC,sBAAD;~~GACE~~,OAAO;~~GACP~~,cAAc,CAAC,QAAQ;~~GAEtB~~,UAAA,MAAM;~~EACa~~,CAAA;~~CAE1B~~,GACA,CAAC,QAAQ,~~CACX~~;~~CAEA~~,~~MAAM~~,~~uBAAuB~~;~~EAC3B~~,IAAI,iBACF,OAAO;~~EAGT~~,OACE,oBAAC,uBAAD;~~GAAuB~~,IAAI;~~GAAU~~,WAAW,QAAQ;~~GACpD~~,WAAA,aAAa;~~IACb~~,MAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;~~IACrD~~,OAAO,oBAAC,mBAAD,EAAA,UAAoB,cAAc,GAAsB,CAAA;~~GACjE~~;~~EACqB~~,CAAA;~~CAE3B~~;~~CAEA~~,~~OAAO~~;~~EACL~~;~~EACA~~;CACF;AACF"}
1	+ {"version":3,"file":"useFieldError.mjs","names":["formFieldStyles"],"sources":["../../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, {\n type FC,\n type PropsWithChildren,\n useMemo,\n useState,\n} from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { FieldErrorRenderedContext } from \"@/lib/hooks/fieldErrorRenderedContext\";\n\nexport interface UseFieldErrorOptions {\n fieldErrorId: string;\n tunnelId?: string;\n component: FlowComponentName;\n}\n\nexport const useFieldError = (options: UseFieldErrorOptions) => {\n const fieldErrorProps = useProps(\"FieldError\", {});\n const currentTunnelId = fieldErrorProps.tunnel?.id;\n const tunnelId =\n options.tunnelId ?? currentTunnelId ?? `${options.fieldErrorId}.fieldError`;\n\n const fieldErrorCapturePropsContext: PropsContext = {\n FieldError: {\n id: options.fieldErrorId,\n tunnel: { id: tunnelId, component: options.component },\n className: formFieldStyles.fieldError,\n },\n };\n\n const [renderedFieldErrorId, setRenderedFieldErrorId] = useState<string>();\n\n const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n () => (props) => {\n return (\n <PropsContextProvider\n props={fieldErrorCapturePropsContext}\n dependencies={[tunnelId]}\n >\n {props.children}\n </PropsContextProvider>\n );\n },\n [tunnelId],\n );\n\n // Keep the component identity stable: a new one per render makes React\n // remount the error on every render of the field (each keystroke).\n const FieldErrorView: FC = useMemo(\n () => () => {\n if (currentTunnelId) {\n return null;\n }\n\n return (\n <FieldErrorRenderedContext value={setRenderedFieldErrorId}>\n <UiComponentTunnelExit id={tunnelId} component={options.component}>\n {(children) => {\n const childrenArray = React.Children.toArray(children);\n return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n }}\n </UiComponentTunnelExit>\n </FieldErrorRenderedContext>\n );\n },\n [currentTunnelId, tunnelId, options.component],\n );\n\n return {\n FieldErrorCaptureContext,\n FieldErrorView,\n /*\n The id of the error while one is rendered for this field. A nested field\n * (a `Checkbox` inside a `CheckboxButton`) renders its error at the outer\n * one, so only the outer field ever gets an id here.\n */\n renderedFieldErrorId,\n } as const;\n};\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,iBAAiB,YAAkC;CAE9D,MAAM,kBADkB,SAAS,cAAc,CAAC,CACxB,CAAA,CAAgB,QAAQ;CAChD,MAAM,WACJ,QAAQ,YAAY,mBAAmB,GAAG,QAAQ,aAAa;CAEjE,MAAM,gCAA8C,EAClD,YAAY;EACV,IAAI,QAAQ;EACZ,QAAQ;GAAE,IAAI;GAAU,WAAW,QAAQ;EAAU;EACrD,WAAWA,yBAAgB;CAC7B,EACF;CAEA,MAAM,CAAC,sBAAsB,2BAA2B,SAAiB;CAsCzE,OAAO;EACL,0BArCsD,eAC/C,UAAU;GACf,OACE,oBAAC,sBAAD;IACE,OAAO;IACP,cAAc,CAAC,QAAQ;IAEtB,UAAA,MAAM;GACa,CAAA;EAE1B,GACA,CAAC,QAAQ,CA0BT;EACA,gBAtByB,oBACb;GACV,IAAI,iBACF,OAAO;GAGT,OACE,oBAAC,2BAAD;IAA2B,OAAO;IAChC,UAAA,oBAAC,uBAAD;KAAuB,IAAI;KAAU,WAAW,QAAQ;KACpD,WAAA,aAAa;MACb,MAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;MACrD,OAAO,oBAAC,mBAAD,EAAA,UAAoB,cAAc,GAAsB,CAAA;KACjE;IACqB,CAAA;GACE,CAAA;EAE/B,GACA;GAAC;GAAiB;GAAU,QAAQ;EAAS,CAK7C;;;;;;EAMA;CACF;AACF"}

package/dist/js/packages/components/src/lib/propsContext/nestedPropsContext/types.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../../src/lib/propsContext/nestedPropsContext/types.ts"],"sourcesContent":["export const nestingLevelKey = \"___nestingLevel\" as const;\n\nexport type NestingLevelKey = typeof nestingLevelKey;\n\~~n/** @internal */\~~nexport interface NestingLevelProps {\n [nestingLevelKey]?: number;\n}\n"],"mappings":";;;AAAA,IAAa,kBAAkB"}
1	+ {"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../../../src/lib/propsContext/nestedPropsContext/types.ts"],"sourcesContent":["export const nestingLevelKey = \"___nestingLevel\" as const;\n\nexport type NestingLevelKey = typeof nestingLevelKey;\n\nexport interface NestingLevelProps {\n [nestingLevelKey]?: number;\n}\n"],"mappings":";;;AAAA,IAAa,kBAAkB"}

package/dist/js/packages/components/src/lib/propsContext/overlayTriggerTunnel.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlayTriggerTunnel.mjs","names":[],"sources":["../../../../../../../src/lib/propsContext/overlayTriggerTunnel.ts"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport type { ~~PropsWithTunnel~~ } from \"@/lib/types/props\";\n\n/*\n Props context entries that send every overlay trigger into `tunnel`.\n \n A props context that tunnels `Button` has to tunnel the overlay triggers as a\n * whole, not their buttons: `OverlayTrigger` pins its trigger button in place\n * (`tunnel: null`), because react-aria wires the press handling, the trigger\n * ref and `aria-haspopup`/`aria-expanded`/`aria-controls` through a\n * `PressResponder` that only reaches its own subtree. Tunnelling the button\n * alone lifts it out of that subtree and silently drops all of it.\n \n `DialogTrigger` is in the list because it is the host-side identity of the\n * triggers that are not `@flr-generate` — `ModalTrigger`, `PopoverTrigger` and\n * `LightBoxTrigger` all render through its view, so a remote tree only ever\n * reaches the host as a `DialogTrigger`. `OverlayTrigger` pins it with `tunnel:\n * null` in turn, so the local tree tunnels the trigger the author wrote and\n * never the `DialogTrigger` inside it.\n \n Spread the entries before the context's own, so a single trigger can still be\n * sent somewhere else (see `Label`).\n */\nexport const overlayTriggersTunneledTo = (\n tunnel: ~~PropsWithTunnel[\"tunnel\"]~~,\n): PropsContext => ({\n ContextMenuTrigger: { tunnel },\n ContextualHelpTrigger: { tunnel },\n DialogTrigger: { tunnel },\n ModalTrigger: { tunnel },\n PopoverTrigger: { tunnel },\n});\n\nexport default overlayTriggersTunneledTo;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,6BACX,YACkB;CAClB,oBAAoB,EAAE,OAAO;CAC7B,uBAAuB,EAAE,OAAO;CAChC,eAAe,EAAE,OAAO;CACxB,cAAc,EAAE,OAAO;CACvB,gBAAgB,EAAE,OAAO;AAC3B"}
1	+ {"version":3,"file":"overlayTriggerTunnel.mjs","names":[],"sources":["../../../../../../../src/lib/propsContext/overlayTriggerTunnel.ts"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext/types\";\nimport type { TunnelTarget } from \"@/lib/types/props\";\n\n/*\n Props context entries that send every overlay trigger into `tunnel`.\n \n A props context that tunnels `Button` has to tunnel the overlay triggers as a\n * whole, not their buttons: `OverlayTrigger` pins its trigger button in place\n * (`tunnel: null`), because react-aria wires the press handling, the trigger\n * ref and `aria-haspopup`/`aria-expanded`/`aria-controls` through a\n * `PressResponder` that only reaches its own subtree. Tunnelling the button\n * alone lifts it out of that subtree and silently drops all of it.\n \n `DialogTrigger` is in the list because it is the host-side identity of the\n * triggers that are not `@flr-generate` — `ModalTrigger`, `PopoverTrigger` and\n * `LightBoxTrigger` all render through its view, so a remote tree only ever\n * reaches the host as a `DialogTrigger`. `OverlayTrigger` pins it with `tunnel:\n * null` in turn, so the local tree tunnels the trigger the author wrote and\n * never the `DialogTrigger` inside it.\n \n Spread the entries before the context's own, so a single trigger can still be\n * sent somewhere else (see `Label`).\n */\nexport const overlayTriggersTunneledTo = (\n tunnel: TunnelTarget,\n): PropsContext => ({\n ContextMenuTrigger: { tunnel },\n ContextualHelpTrigger: { tunnel },\n DialogTrigger: { tunnel },\n ModalTrigger: { tunnel },\n PopoverTrigger: { tunnel },\n});\n\nexport default overlayTriggersTunneledTo;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,6BACX,YACkB;CAClB,oBAAoB,EAAE,OAAO;CAC7B,uBAAuB,EAAE,OAAO;CAChC,eAAe,EAAE,OAAO;CACxB,cAAc,EAAE,OAAO;CACvB,gBAAgB,EAAE,OAAO;AAC3B"}

package/dist/js/packages/components/src/lib/react/cloneElement.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cloneElement.mjs","names":[],"sources":["../../../../../../../src/lib/react/cloneElement.ts"],"sourcesContent":["import { isRemoteComponentRendererProps } from \"@/lib/react/remote\";\nimport type { Attributes, ReactElement } from \"react\";\nimport React from \"react\";\n\nexport const cloneElement = <P>(\n element: ReactElement<P>,\n props?: Partial<P> & Attributes,\n) => {\n const existingProps = element.props;\n if (isRemoteComponentRendererProps(existingProps)) {\n Object.assign(existingProps.element.properties, props);\n }\n return React.cloneElement(element, props);\n};\n"],"mappings":";;;;;AAIA,~~IAAa~~,kBACX,SACA,UACG;CACH,MAAM,gBAAgB,QAAQ;CAC9B,IAAI,+BAA+B,aAAa,GAC9C,OAAO,OAAO,cAAc,QAAQ,YAAY,KAAK;CAEvD,OAAO,MAAM,aAAa,SAAS,KAAK;AAC1C"}
1	+ {"version":3,"file":"cloneElement.mjs","names":["cloneElement"],"sources":["../../../../../../../src/lib/react/cloneElement.ts"],"sourcesContent":["import { isRemoteComponentRendererProps } from \"@/lib/react/remote\";\nimport type { Attributes, ReactElement } from \"react\";\nimport React from \"react\";\n\nexport const cloneElement = <P>(\n element: ReactElement<P>,\n props?: Partial<P> & Attributes,\n) => {\n const existingProps = element.props;\n if (isRemoteComponentRendererProps(existingProps)) {\n Object.assign(existingProps.element.properties, props);\n }\n return React.cloneElement(element, props);\n};\n"],"mappings":";;;;;AAIA,IAAaA,kBACX,SACA,UACG;CACH,MAAM,gBAAgB,QAAQ;CAC9B,IAAI,+BAA+B,aAAa,GAC9C,OAAO,OAAO,cAAc,QAAQ,YAAY,KAAK;CAEvD,OAAO,MAAM,aAAa,SAAS,KAAK;AAC1C"}

package/dist/js/packages/components/src/lib/react/components/Render/Render.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Render.mjs","names":[],"sources":["../../../../../../../../../src/lib/react/components/Render/Render.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\n\nexport const Render: FC<{ children: () => ReactNode \| void }> = (props) => (\n <>{props.children() ?? null}</>\n);\n"],"mappings":";;;;AAEA,IAAa,UAAoD,UAC/D,~~oBAAA~~,UAAA,EAAA,UAAG,MAAM,SAAS,KAAK,KAAO,CAAA"}
1	+ {"version":3,"file":"Render.mjs","names":["_Fragment"],"sources":["../../../../../../../../../src/lib/react/components/Render/Render.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\n\nexport const Render: FC<{ children: () => ReactNode \| void }> = (props) => (\n <>{props.children() ?? null}</>\n);\n"],"mappings":";;;;AAEA,IAAa,UAAoD,UAC/D,oBAAAA,UAAA,EAAA,UAAG,MAAM,SAAS,KAAK,KAAO,CAAA"}

package/dist/js/packages/components/src/lib/react/getPropsMerger.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getPropsMerger.mjs","names":[],"sources":["../../../../../../../src/lib/react/getPropsMerger.ts"],"sourcesContent":["import { mergeRefs as mergeRefsFn } from \"@react-aria/utils\";\nimport { mergeProps as ariaMergeProps } from \"@react-aria/utils\";\nimport { isObjectType, sortBy } from \"remeda\";\nimport { setProperty } from \"dot-prop\";\nimport type { Ref } from \"react\";\nimport { getNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\n\ninterface MergePropsOptions {\n mergeClassNames?: boolean;\n mergeEventHandler?: boolean;\n mergeRefs?: boolean;\n}\n\nexport const getPropsMerger =\n (options: MergePropsOptions = {}): typeof ariaMergeProps =>\n (...propsList) => {\n const {\n mergeClassNames = true,\n mergeEventHandler = true,\n mergeRefs = true,\n } = options;\n\n const sortedByLevel = sortBy(\n propsList,\n getNestingLevel,\n ) as typeof propsList;\n\n const mergedProps = ariaMergeProps(...sortedByLevel);\n\n if (isObjectType(mergedProps)) {\n if (!mergeClassNames) {\n // \"Unmerge\" className\n for (const props of sortedByLevel) {\n if (\n isObjectType(props) &&\n \"className\" in mergedProps &&\n \"className\" in props\n ) {\n mergedProps.className = props.className;\n }\n }\n }\n\n if (!mergeEventHandler) {\n // \"Unmerge\" eventHandler\n for (const props of sortedByLevel) {\n if (isObjectType(props)) {\n for (const [propName, propValue] of Object.entries(props)) {\n const isEventHandlerProp = /^on[A-Z]/.test(propName);\n if (isEventHandlerProp) {\n setProperty(mergedProps, propName, propValue);\n }\n }\n }\n }\n }\n\n if (mergeRefs) {\n const refProps = Object.keys(mergedProps).filter(\n (p) => p === \"ref\" \|\| p.endsWith(\"Ref\"),\n );\n\n for (const refProp of refProps) {\n const collectedRefObjects = sortedByLevel\n .map((p) => (isObjectType(p) && refProp in p ? p[refProp] : null))\n // A ref nobody supplied contributes nothing. `undefined` used to\n // survive this filter and merge into a callback ref — harmless for\n // a ref the component attaches, fatal for one it reads instead\n // (`anchorRef`, `triggerRef`): nothing ever calls the callback, so\n // `.current` stays empty and the element is never found. Writing\n // `anchorRef={condition ? ref : undefined}` was enough to hit it.\n .filter((r): r is Ref<unknown> => r != null);\n\n setProperty(\n mergedProps,\n refProp,\n collectedRefObjects.length > 0\n ? mergeRefsFn(...collectedRefObjects)\n : undefined,\n );\n }\n }\n }\n\n return mergedProps;\n };\n"],"mappings":";;;;;;;AAaA,IAAa,kBACV,UAA6B,CAAC,OAC9B,GAAG,cAAc;CAChB,MAAM,EACJ,kBAAkB,MAClB,oBAAoB,MACpB,WAAA,cAAY,SACV;CAEJ,MAAM,gBAAgB,OACpB,WACA,eACF;CAEA,MAAM,~~cAAc~~,WAAe,GAAG,aAAa;CAEnD,IAAI,aAAa,WAAW,GAAG;EAC7B,IAAI,CAAC,iBAEE;QAAA,MAAM,SAAS,eAClB,IACE,aAAa,KAAK,KAClB,eAAe,eACf,eAAe,OAEf,YAAY,YAAY,MAAM;EAAA;EAKpC,IAAI,CAAC,mBAEE;QAAA,MAAM,SAAS,eAClB,IAAI,aAAa,KAAK,GACf;SAAA,MAAM,CAAC,UAAU,cAAc,OAAO,QAAQ,KAAK,GAEtD,IAD2B,WAAW,KAAK,QACvC,GACF,YAAY,aAAa,UAAU,SAAS;GAAA;EAEhD;EAKN,~~IAAI~~,aAAW;GACb,MAAM,WAAW,OAAO,KAAK,WAAW,CAAC,CAAC,QACvC,MAAM,MAAM,SAAS,EAAE,SAAS,KAAK,CACxC;GAEA,KAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,sBAAsB,cACzB,KAAK,MAAO,aAAa,CAAC,KAAK,WAAW,IAAI,EAAE,WAAW,IAAK,CAAC,CAOjE,QAAQ,MAAyB,KAAK,IAAI;IAE7C,YACE,aACA,SACA,oBAAoB,SAAS,~~IACzB~~,UAAY,GAAG,mBAAmB,IAClC,KAAA,CACN;GACF;EACF;CACF;CAEA,OAAO;AACT"}
1	+ {"version":3,"file":"getPropsMerger.mjs","names":["ariaMergeProps","mergeRefs","mergeRefsFn"],"sources":["../../../../../../../src/lib/react/getPropsMerger.ts"],"sourcesContent":["import { mergeRefs as mergeRefsFn } from \"@react-aria/utils\";\nimport { mergeProps as ariaMergeProps } from \"@react-aria/utils\";\nimport { isObjectType, sortBy } from \"remeda\";\nimport { setProperty } from \"dot-prop\";\nimport type { Ref } from \"react\";\nimport { getNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\n\ninterface MergePropsOptions {\n mergeClassNames?: boolean;\n mergeEventHandler?: boolean;\n mergeRefs?: boolean;\n}\n\nexport const getPropsMerger =\n (options: MergePropsOptions = {}): typeof ariaMergeProps =>\n (...propsList) => {\n const {\n mergeClassNames = true,\n mergeEventHandler = true,\n mergeRefs = true,\n } = options;\n\n const sortedByLevel = sortBy(\n propsList,\n getNestingLevel,\n ) as typeof propsList;\n\n const mergedProps = ariaMergeProps(...sortedByLevel);\n\n if (isObjectType(mergedProps)) {\n if (!mergeClassNames) {\n // \"Unmerge\" className\n for (const props of sortedByLevel) {\n if (\n isObjectType(props) &&\n \"className\" in mergedProps &&\n \"className\" in props\n ) {\n mergedProps.className = props.className;\n }\n }\n }\n\n if (!mergeEventHandler) {\n // \"Unmerge\" eventHandler\n for (const props of sortedByLevel) {\n if (isObjectType(props)) {\n for (const [propName, propValue] of Object.entries(props)) {\n const isEventHandlerProp = /^on[A-Z]/.test(propName);\n if (isEventHandlerProp) {\n setProperty(mergedProps, propName, propValue);\n }\n }\n }\n }\n }\n\n if (mergeRefs) {\n const refProps = Object.keys(mergedProps).filter(\n (p) => p === \"ref\" \|\| p.endsWith(\"Ref\"),\n );\n\n for (const refProp of refProps) {\n const collectedRefObjects = sortedByLevel\n .map((p) => (isObjectType(p) && refProp in p ? p[refProp] : null))\n // A ref nobody supplied contributes nothing. `undefined` used to\n // survive this filter and merge into a callback ref — harmless for\n // a ref the component attaches, fatal for one it reads instead\n // (`anchorRef`, `triggerRef`): nothing ever calls the callback, so\n // `.current` stays empty and the element is never found. Writing\n // `anchorRef={condition ? ref : undefined}` was enough to hit it.\n .filter((r): r is Ref<unknown> => r != null);\n\n setProperty(\n mergedProps,\n refProp,\n collectedRefObjects.length > 0\n ? mergeRefsFn(...collectedRefObjects)\n : undefined,\n );\n }\n }\n }\n\n return mergedProps;\n };\n"],"mappings":";;;;;;;AAaA,IAAa,kBACV,UAA6B,CAAC,OAC9B,GAAG,cAAc;CAChB,MAAM,EACJ,kBAAkB,MAClB,oBAAoB,MACpB,WAAA,cAAY,SACV;CAEJ,MAAM,gBAAgB,OACpB,WACA,eACF;CAEA,MAAM,cAAcA,WAAe,GAAG,aAAa;CAEnD,IAAI,aAAa,WAAW,GAAG;EAC7B,IAAI,CAAC,iBAEE;QAAA,MAAM,SAAS,eAClB,IACE,aAAa,KAAK,KAClB,eAAe,eACf,eAAe,OAEf,YAAY,YAAY,MAAM;EAAA;EAKpC,IAAI,CAAC,mBAEE;QAAA,MAAM,SAAS,eAClB,IAAI,aAAa,KAAK,GACf;SAAA,MAAM,CAAC,UAAU,cAAc,OAAO,QAAQ,KAAK,GAEtD,IAD2B,WAAW,KAAK,QACvC,GACF,YAAY,aAAa,UAAU,SAAS;GAAA;EAEhD;EAKN,IAAIC,aAAW;GACb,MAAM,WAAW,OAAO,KAAK,WAAW,CAAC,CAAC,QACvC,MAAM,MAAM,SAAS,EAAE,SAAS,KAAK,CACxC;GAEA,KAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,sBAAsB,cACzB,KAAK,MAAO,aAAa,CAAC,KAAK,WAAW,IAAI,EAAE,WAAW,IAAK,CAAC,CAOjE,QAAQ,MAAyB,KAAK,IAAI;IAE7C,YACE,aACA,SACA,oBAAoB,SAAS,IACzBC,UAAY,GAAG,mBAAmB,IAClC,KAAA,CACN;GACF;EACF;CACF;CAEA,OAAO;AACT"}

package/dist/js/packages/components/src/lib/remote/eventHandlerContext.mjs CHANGED Viewed

@@ -2,7 +2,9 @@
 /* */
 import { createCascade } from "context";
 //#region src/lib/remote/eventHandlerContext.ts
-var eventHandlerContext = createCascade();
+var eventHandlerContextKey = Symbol.for("@mittwald/flow-remote-elements/eventHandlerContext");
+var registry = globalThis;
+var eventHandlerContext = registry[eventHandlerContextKey] ??= createCascade();
 var getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;
 //#endregion
 export { eventHandlerContext, getRemoteEvent };

package/dist/js/packages/components/src/lib/remote/eventHandlerContext.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eventHandlerContext.mjs","names":[],"sources":["../../../../../../../src/lib/remote/eventHandlerContext.ts"],"sourcesContent":["import { createCascade } from \"context\";\n\nexport interface EventHandlerContext {\n remoteEvent?: {\n type: string;\n };\n [key: string]: unknown;\n}\n\nexport const eventHandlerContext = createCascade<EventHandlerContext>();\n\nexport const getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;\n"],"mappings":";;;;~~AASA~~,IAAa,~~sBAAsB~~,cAAmC;~~AAEtE~~,IAAa,uBAAuB,oBAAoB,IAAI,CAAC,EAAE"}
1	+ {"version":3,"file":"eventHandlerContext.mjs","names":[],"sources":["../../../../../../../src/lib/remote/eventHandlerContext.ts"],"sourcesContent":["import { createCascade, type CtxCascadeApi } from \"context\";\n\nexport interface EventHandlerContext {\n remoteEvent?: {\n type: string;\n };\n [key: string]: unknown;\n}\n\n/\n `@mittwald/flow-remote-elements` looks the instance up under this key instead\n * of importing it (`FlowRemoteElement.ts`). A cascade only works as one instance.\n */\nconst eventHandlerContextKey = Symbol.for(\n \"@mittwald/flow-remote-elements/eventHandlerContext\",\n);\n\ntype EventHandlerContextRegistry = Partial<\n Record<typeof eventHandlerContextKey, CtxCascadeApi<EventHandlerContext>>\n>;\n\nconst registry = globalThis as EventHandlerContextRegistry;\n\nexport const eventHandlerContext: CtxCascadeApi<EventHandlerContext> =\n (registry[eventHandlerContextKey] ??= createCascade<EventHandlerContext>());\n\nexport const getRemoteEvent = () => eventHandlerContext.use()?.remoteEvent;\n"],"mappings":";;;;AAaA,IAAM,yBAAyB,OAAO,IACpC,oDACF;AAMA,IAAM,WAAW;AAEjB,IAAa,sBACV,SAAS,4BAA4B,cAAmC;AAE3E,IAAa,uBAAuB,oBAAoB,IAAI,CAAC,EAAE"}

package/dist/js/packages/components/src/lib/theming/hooks/useDesignTokens.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDesignTokens.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json-runtime/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json-runtime/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n const theme = useResolvedTheme();\n return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"mappings":";;;;;;AAIA,IAAa,wBAAwB;CAEnC,OADc,iBACP,MAAU,~~UAAU~~,~~oBAAc~~;AAC3C"}
1	+ {"version":3,"file":"useDesignTokens.mjs","names":["lightTokens","darkTokens"],"sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json-runtime/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json-runtime/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n const theme = useResolvedTheme();\n return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"mappings":";;;;;;AAIA,IAAa,wBAAwB;CAEnC,OADc,iBACP,MAAU,UAAUA,oBAAcC;AAC3C"}

package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoricalColors.mjs","names":[],"sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/json-runtime/all-light.json\";\n\nexport const categoricalColors = Object.keys(\n tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor \| (string & {});\n"],"mappings":";;;;AAEA,IAAa,oBAAoB,OAAO,~~KACtC~~,kBAAO,MAAM,WACf"}
1	+ {"version":3,"file":"CategoricalColors.mjs","names":["tokens"],"sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/json-runtime/all-light.json\";\n\nexport const categoricalColors = Object.keys(\n tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor \| (string & {});\n"],"mappings":";;;;AAEA,IAAa,oBAAoB,OAAO,KACtCA,kBAAO,MAAM,WACf"}

package/dist/js/packages/components/src/lib/tokens/isCategoricalColor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isCategoricalColor.mjs","names":[],"sources":["../../../../../../../src/lib/tokens/isCategoricalColor.ts"],"sourcesContent":["import {\n type CategoricalColor,\n categoricalColors,\n} from \"@/lib/tokens/CategoricalColors\";\n\nexport function isCategoricalColor(\n something: unknown,\n): something is CategoricalColor {\n const anyCategoricalColors = categoricalColors as readonly string[];\n return (\n typeof something === \"string\" && anyCategoricalColors.includes(something)\n );\n}\n"],"mappings":";;;;AAKA,SAAgB,mBACd,WAC+B;CAE/B,OACE,OAAO,cAAc,~~YAAY~~,kBAAqB,SAAS,SAAS;AAE5E"}
1	+ {"version":3,"file":"isCategoricalColor.mjs","names":["anyCategoricalColors"],"sources":["../../../../../../../src/lib/tokens/isCategoricalColor.ts"],"sourcesContent":["import {\n type CategoricalColor,\n categoricalColors,\n} from \"@/lib/tokens/CategoricalColors\";\n\nexport function isCategoricalColor(\n something: unknown,\n): something is CategoricalColor {\n const anyCategoricalColors = categoricalColors as readonly string[];\n return (\n typeof something === \"string\" && anyCategoricalColors.includes(something)\n );\n}\n"],"mappings":";;;;AAKA,SAAgB,mBACd,WAC+B;CAE/B,OACE,OAAO,cAAc,YAAYA,kBAAqB,SAAS,SAAS;AAE5E"}

package/dist/js/packages/components/src/lib/types/props.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.mjs","names":[],"sources":["../../../../../../../src/lib/types/props.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\nimport type { ExoticComponent, HTMLAttributes } from \"react\";\n\nexport const statusTypes = [\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"unavailable\",\n] as const;\n\nexport type Status = (typeof statusTypes)[number];\n\nexport type PropsWithStatus<T extends Status = Status, P = unknown> = P & {\n /** The elements status /\n status?: T;\n};\n\nexport ~~interface~~ ~~PropsWithTunnel~~ {\n ~~/* @internal /\n tunnel?: {\n~~ id: string;\n component: FlowComponentName;\n /\n A stable entry id instead of a generated one. Needed wherever the same\n * component is rendered more than once for a single logical element:\n * react-aria renders collection children twice — once into its hidden\n * collection document, once for real — and a generated id would register\n * ~~each~~ render as its own entry, so the tunnel exit renders every element\n * ~~twice.~~ Must be unique among the siblings of one tunnel.\n /\n staticEntryId?: string;\n } \| null;\n}\n\nexport interface PropsWithClassName {\n /* The elements class name. /\n className?: string;\n}\n\nexport type PropsWithElementType<\n T extends keyof HTMLElementTagNameMap = never,\n> = HTMLAttributes<HTMLElement> & {\n /* The HTML element or React component rendered as the elements root. /\n elementType?: T \| ExoticComponent;\n};\n\nexport type ContainerBreakpointSize = \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n\nexport interface PropsWithContainerBreakpointSize {\n /\n The breakpoint at which the element switches to its compact layout.\n * Evaluated as a container query against the surrounding container, not\n * against the viewport.\n */\n containerBreakpointSize?: ContainerBreakpointSize;\n}\n\nexport const alphaColors = [\n \"dark\",\n \"light\",\n \"dark-static\",\n \"light-static\",\n] as const;\n\nexport type AlphaColor = (typeof alphaColors)[number];\n\nexport function isAlphaColor(color: string): color is AlphaColor {\n return alphaColors.includes(color as AlphaColor);\n}\n"],"mappings":";;;AAGA,IAAa,cAAc;CACzB;CACA;CACA;CACA;CACA;AACF;~~AAiDA~~,IAAa,cAAc;CACzB;CACA;CACA;CACA;AACF;AAIA,SAAgB,aAAa,OAAoC;CAC/D,OAAO,YAAY,SAAS,KAAmB;AACjD"}
1	+ {"version":3,"file":"props.mjs","names":[],"sources":["../../../../../../../src/lib/types/props.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\nimport type { ExoticComponent, HTMLAttributes } from \"react\";\n\nexport const statusTypes = [\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"unavailable\",\n] as const;\n\nexport type Status = (typeof statusTypes)[number];\n\nexport type PropsWithStatus<T extends Status = Status, P = unknown> = P & {\n /** The elements status /\n status?: T;\n};\n\nexport type TunnelTarget = {\n id: string;\n component: FlowComponentName;\n /\n A stable entry id instead of a generated one. Needed wherever the same\n * component is rendered more than once for a single logical element:\n * react-aria renders collection children twice — once into its hidden\n * collection document, once for real — and a generated id would register each\n * render as its own entry, so the tunnel exit renders every element twice.\n * Must be unique among the siblings of one tunnel.\n /\n staticEntryId?: string;\n} \| null;\n\nexport interface PropsWithTunnel {\n /* @internal /\n tunnel?: TunnelTarget;\n}\n\nexport interface PropsWithClassName {\n /* The elements class name. /\n className?: string;\n}\n\nexport type PropsWithElementType<\n T extends keyof HTMLElementTagNameMap = never,\n> = HTMLAttributes<HTMLElement> & {\n /* The HTML element or React component rendered as the elements root. /\n elementType?: T \| ExoticComponent;\n};\n\nexport type ContainerBreakpointSize = \"xs\" \| \"s\" \| \"m\" \| \"l\" \| \"xl\";\n\nexport interface PropsWithContainerBreakpointSize {\n /\n The breakpoint at which the element switches to its compact layout.\n * Evaluated as a container query against the surrounding container, not\n * against the viewport.\n */\n containerBreakpointSize?: ContainerBreakpointSize;\n}\n\nexport const alphaColors = [\n \"dark\",\n \"light\",\n \"dark-static\",\n \"light-static\",\n] as const;\n\nexport type AlphaColor = (typeof alphaColors)[number];\n\nexport function isAlphaColor(color: string): color is AlphaColor {\n return alphaColors.includes(color as AlphaColor);\n}\n"],"mappings":";;;AAGA,IAAa,cAAc;CACzB;CACA;CACA;CACA;CACA;AACF;AAmDA,IAAa,cAAc;CACzB;CACA;CACA;CACA;AACF;AAIA,SAAgB,aAAa,OAAoC;CAC/D,OAAO,YAAY,SAAS,KAAmB;AACjD"}

package/dist/js/packages/components/src/status/component-status.mjs CHANGED Viewed

@@ -10,6 +10,10 @@ var component_status_default = {
 		"level": "beta",
 		"isNew": false
 	},
+	"@mittwald/flow-react-components#AccordionGroup": {
+		"level": "beta",
+		"isNew": true
+	},
 	"@mittwald/flow-react-components#Action": {
 		"level": "stable",
 		"isNew": false
@@ -384,6 +388,10 @@ var component_status_default = {
 		"level": "stable",
 		"isNew": false
 	},
+	"@mittwald/flow-react-components#SkeletonMode": {
+		"level": "beta",
+		"isNew": true
+	},
 	"@mittwald/flow-react-components#SkeletonText": {
 		"level": "stable",
 		"isNew": false

package/dist/js/packages/components/src/status/component-status.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component-status.mjs","names":[],"sources":["../../../../../../src/status/component-status.json"],"sourcesContent":["{\n \"@mittwald/flow-react-components#AccentBox\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Accordion\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ActionGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Activity\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Alert\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertIcon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Align\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use Combine instead\"\n },\n \"@mittwald/flow-react-components#Autocomplete\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Avatar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AvatarStack\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Badge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BigNumber\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Breadcrumb\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Button\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CartesianChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Chat\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Checkbox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ClearPropsContext\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CoachMark\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#CodeBlock\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CodeEditor\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Color\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ColumnLayout\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Combine\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComboBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComponentPropsContextProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Content\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextMenu\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextualHelp\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CopyButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CounterBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DatePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DateRangePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Div\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DonutChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldDescription\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldError\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCardList\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileDropZone\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Flex\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Header\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#HeaderNavigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Heading\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Icon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#IllustratedMessage\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Image\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ImageCropper\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Initials\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#InlineCode\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Kbd\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Label\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LabeledValue\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LayoutCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Legend\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Link\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LoadingSpinner\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Markdown\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MarkdownEditor\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MenuItem\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Message\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MessageThread\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Navigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Notification\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NumberField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Option\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Overlay\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#OverlayTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#PasswordCreationField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ProgressBar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RadioGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RangeCalendar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Rating\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SearchField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Section\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SegmentedControl\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use `Tabs` to switch content, or `RadioGroup` to select a value.\"\n },\n \"@mittwald/flow-react-components#Select\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Separator\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Skeleton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SkeletonText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Slider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SuspenseTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Switch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TabNavigation\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Table\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tabs\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Text\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextArea\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TimeField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tooltip\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TranslationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Truncate\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TunnelEntry\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ActionBatch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/flr-universal#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBoxTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ListItemView\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ModalTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#PopoverTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/nextjs#Link\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#LinkProvider\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#RouterProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Field\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Form\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormAction\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormRootError\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/react-hook-form#FormSettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#ResetButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#SubmitButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"component-status.mjs","names":[],"sources":["../../../../../../src/status/component-status.json"],"sourcesContent":["{\n \"@mittwald/flow-react-components#AccentBox\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Accordion\": {\n \"level\": \"beta\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AccordionGroup\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ActionGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Activity\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Alert\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertIcon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AlertText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Align\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use Combine instead\"\n },\n \"@mittwald/flow-react-components#Autocomplete\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Avatar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#AvatarStack\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Badge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BigNumber\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Breadcrumb\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Button\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CartesianChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Chat\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Checkbox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CheckboxGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ClearPropsContext\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CoachMark\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#CodeBlock\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CodeEditor\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Color\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ColumnLayout\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Combine\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComboBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#ComponentPropsContextProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Content\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextMenu\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ContextualHelp\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CopyButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CounterBadge\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DatePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DateRangePicker\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Div\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#DonutChart\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldDescription\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FieldError\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileCardList\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileDropZone\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#FileField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Flex\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Header\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#HeaderNavigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Heading\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Icon\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#IllustratedMessage\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Image\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ImageCropper\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Initials\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#InlineCode\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Kbd\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Label\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LabeledValue\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LayoutCard\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Legend\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Link\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#LoadingSpinner\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Markdown\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MarkdownEditor\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MenuItem\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Message\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#MessageThread\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Navigation\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Notification\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#NumberField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Option\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Overlay\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#OverlayTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#PasswordCreationField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#ProgressBar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RadioGroup\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#RangeCalendar\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Rating\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SearchField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Section\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SegmentedControl\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use `Tabs` to switch content, or `RadioGroup` to select a value.\"\n },\n \"@mittwald/flow-react-components#Select\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Separator\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Skeleton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SkeletonMode\": {\n \"level\": \"beta\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#SkeletonText\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Slider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#SuspenseTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Switch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TabNavigation\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components#Table\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tabs\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Text\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextArea\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TextField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TimeField\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Tooltip\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TranslationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Truncate\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#TunnelEntry\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Action\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ActionBatch\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#BrowserOnly\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ComponentDefaultsProvider\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/flr-universal#CountryOptions\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#DeprecationWarningProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBox\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#LightBoxTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#List\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ListItemView\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Modal\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#ModalTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#NotificationProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Popover\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#PopoverTrigger\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#SettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/flr-universal#Wrap\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/nextjs#Link\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#LinkProvider\": {\n \"level\": \"deprecated\",\n \"isNew\": false,\n \"deprecationNotice\": \"Use RouterProvider instead\"\n },\n \"@mittwald/flow-react-components/nextjs#RouterProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Field\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#Form\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormAction\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#FormRootError\": {\n \"level\": \"stable\",\n \"isNew\": true\n },\n \"@mittwald/flow-react-components/react-hook-form#FormSettingsProvider\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#ResetButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n },\n \"@mittwald/flow-react-components/react-hook-form#SubmitButton\": {\n \"level\": \"stable\",\n \"isNew\": false\n }\n}\n"],"mappings":""}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"componentStatus.mjs","names":[],"sources":["../../../../../../src/status/componentStatus.ts"],"sourcesContent":["// This file is auto-generated by dev/status-registry/generateStatusRegistry.ts.\n// Do not edit it by hand — regenerate with `pnpm nx build:status-registry components`.\nimport componentStatus from \"./component-status.json\";\nimport type { FlowComponentStatus, FlowComponentStatusRegistry } from \"./types\";\n\nexport const flowComponentStatus =\n componentStatus as FlowComponentStatusRegistry;\n\n/*\n The component-bearing public export entries — generated from\n * `STATUS_EXPORT_ENTRIES` (dev/status-registry/exportEntries.ts).\n /\nexport type FlowExportEntry =\n \| \".\"\n \| \"flr-universal\"\n \| \"nextjs\"\n \| \"react-hook-form\"\n \| \"mittwald-password-tools-js\";\n\nconst PACKAGE_NAME = \"@mittwald/flow-react-components\";\n\n/\n The public import specifier for an export entry (mirrors specifierOf in\n * exportEntries.ts).\n /\nconst specifierOf = (entry: FlowExportEntry): string =>\n entry === \".\" ? PACKAGE_NAME : `${PACKAGE_NAME}/${entry}`;\n\n/\n Looks up a component's lifecycle status on a given public export surface.\n * `entry` defaults to the main `.` surface. Returns `undefined` when the\n * component has no derivable status on that surface (consumers fail silently).\n */\nexport const getFlowComponentStatus = (\n name: string,\n entry: FlowExportEntry = \".\",\n): FlowComponentStatus \| undefined =>\n flowComponentStatus[`${specifierOf(entry)}#${name}`];\n"],"mappings":";;;;AAKA,IAAa,~~sBACX~~;AAaF,IAAM,eAAe;;;;;AAMrB,IAAM,eAAe,UACnB,UAAU,MAAM,eAAe,GAAG,aAAa,GAAG;;;;;;AAOpD,IAAa,0BACX,MACA,QAAyB,QAEzB,oBAAoB,GAAG,YAAY,KAAK,EAAE,GAAG"}
1	+ {"version":3,"file":"componentStatus.mjs","names":["componentStatus"],"sources":["../../../../../../src/status/componentStatus.ts"],"sourcesContent":["// This file is auto-generated by dev/status-registry/generateStatusRegistry.ts.\n// Do not edit it by hand — regenerate with `pnpm nx build:status-registry components`.\nimport componentStatus from \"./component-status.json\";\nimport type { FlowComponentStatus, FlowComponentStatusRegistry } from \"./types\";\n\nexport const flowComponentStatus =\n componentStatus as FlowComponentStatusRegistry;\n\n/*\n The component-bearing public export entries — generated from\n * `STATUS_EXPORT_ENTRIES` (dev/status-registry/exportEntries.ts).\n /\nexport type FlowExportEntry =\n \| \".\"\n \| \"flr-universal\"\n \| \"nextjs\"\n \| \"react-hook-form\"\n \| \"mittwald-password-tools-js\";\n\nconst PACKAGE_NAME = \"@mittwald/flow-react-components\";\n\n/\n The public import specifier for an export entry (mirrors specifierOf in\n * exportEntries.ts).\n /\nconst specifierOf = (entry: FlowExportEntry): string =>\n entry === \".\" ? PACKAGE_NAME : `${PACKAGE_NAME}/${entry}`;\n\n/\n Looks up a component's lifecycle status on a given public export surface.\n * `entry` defaults to the main `.` surface. Returns `undefined` when the\n * component has no derivable status on that surface (consumers fail silently).\n */\nexport const getFlowComponentStatus = (\n name: string,\n entry: FlowExportEntry = \".\",\n): FlowComponentStatus \| undefined =>\n flowComponentStatus[`${specifierOf(entry)}#${name}`];\n"],"mappings":";;;;AAKA,IAAa,sBACXA;AAaF,IAAM,eAAe;;;;;AAMrB,IAAM,eAAe,UACnB,UAAU,MAAM,eAAe,GAAG,aAAa,GAAG;;;;;;AAOpD,IAAa,0BACX,MACA,QAAyB,QAEzB,oBAAoB,GAAG,YAAY,KAAK,EAAE,GAAG"}

package/dist/js/packages/components/src/views/AccordionGroupView.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { viewComponentContext } from "../lib/viewComponentContext/viewComponentContext.mjs";
+import { AccordionGroup } from "../components/AccordionGroup/AccordionGroup.mjs";
+import { memo, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/views/AccordionGroupView.tsx
+var AccordionGroupView = memo((props) => {
+	const View = useContext(viewComponentContext)["AccordionGroup"] ?? AccordionGroup;
+	return /* @__PURE__ */ jsx(View, { ...props });
+});
+AccordionGroupView.displayName = "AccordionGroupView";
+//#endregion
+export { AccordionGroupView as default };
+//# sourceMappingURL=AccordionGroupView.mjs.map

package/dist/js/packages/components/src/views/AccordionGroupView.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccordionGroupView.mjs","names":[],"sources":["../../../../../../src/views/AccordionGroupView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n AccordionGroup,\n type AccordionGroupProps,\n} from \"@/components/AccordionGroup/AccordionGroup\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst AccordionGroupView: FC<AccordionGroupProps> = memo((props) => {\n const View =\n useContext(viewComponentContext)[\"AccordionGroup\"] ?? AccordionGroup;\n return <View {...props} />;\n});\nAccordionGroupView.displayName = \"AccordionGroupView\";\n\nexport default AccordionGroupView;\n"],"mappings":";;;;;;;AASA,IAAM,qBAA8C,MAAM,UAAU;CAClE,MAAM,OACJ,WAAW,oBAAoB,CAAC,CAAC,qBAAqB;CACxD,OAAO,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B,CAAC;AACD,mBAAmB,cAAc"}

package/dist/js/packages/components-base/src/action/ActionState.mjs ADDED Viewed

@@ -0,0 +1,87 @@
+"use client"
+/* */
+import { action, computed, makeObservable, observable } from "mobx";
+//#region ../components-base/src/action/ActionState.ts
+/** How long each state lasts, in ms. */
+var actionStateDurations = {
+	/** An async action counts as pending only after this long. */
+	pending: 1e3,
+	succeeded: 800,
+	failed: 2e3
+};
+var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+/**
+* What an `Action` shows on its button: executing, pending, then succeeded or
+* failed for a moment, then idle again.
+*
+* A synchronous action shows success only with `showFeedback`, an async one
+* unless `showFeedback` is `false`. A failure is shown either way.
+*/
+var ActionState = class {
+	showFeedback;
+	state = "isIdle";
+	setPendingTimeout;
+	error;
+	isAsync = false;
+	constructor() {
+		makeObservable(this, {
+			state: observable,
+			updateState: action,
+			isBusy: computed
+		});
+	}
+	updateState(newState) {
+		this.state = newState;
+	}
+	get isBusy() {
+		return this.state !== "isIdle";
+	}
+	onAsyncStart() {
+		this.clearPendingTimeout();
+		this.isAsync = true;
+		this.updateState("isExecuting");
+		this.setPendingTimeout = setTimeout(() => this.startPending(), actionStateDurations.pending);
+	}
+	async onSucceeded() {
+		await this.onDone();
+	}
+	async onFailed(error) {
+		this.error = error ?? /* @__PURE__ */ new Error("Unknown error");
+		await this.onDone();
+	}
+	withFeedback(feedback) {
+		this.showFeedback = feedback;
+		return this;
+	}
+	async startFailedFeedback() {
+		this.updateState("isFailed");
+		await sleep(actionStateDurations.failed);
+		this.resetAfterDone();
+	}
+	async startSucceededFeedback() {
+		this.updateState("isSucceeded");
+		await sleep(actionStateDurations.succeeded);
+		this.resetAfterDone();
+	}
+	resetAfterDone() {
+		this.updateState("isIdle");
+		this.isAsync = false;
+		this.error = void 0;
+	}
+	clearPendingTimeout() {
+		if (this.setPendingTimeout) clearTimeout(this.setPendingTimeout);
+	}
+	onDone() {
+		this.clearPendingTimeout();
+		if (this.error) return this.startFailedFeedback();
+		else if (this.showFeedback !== false && (this.showFeedback || this.isAsync)) return this.startSucceededFeedback();
+		else this.resetAfterDone();
+	}
+	startPending() {
+		this.updateState("isPending");
+	}
+};
+//#endregion
+export { ActionState, ActionState as default, actionStateDurations };
+//# sourceMappingURL=ActionState.mjs.map

package/dist/js/packages/components-base/src/action/ActionState.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ActionState.mjs","names":[],"sources":["../../../../../../../components-base/src/action/ActionState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from \"mobx\";\n\nexport type ActionStateValue =\n \"isIdle\" | \"isSucceeded\" | \"isPending\" | \"isExecuting\" | \"isFailed\";\n\n/** How long each state lasts, in ms. */\nexport const actionStateDurations = {\n /** An async action counts as pending only after this long. */\n pending: 1000,\n succeeded: 800,\n failed: 2000,\n};\n\nconst sleep = (ms: number): Promise<void> =>\n new Promise((resolve) => setTimeout(resolve, ms));\n\n/**\n * What an `Action` shows on its button: executing, pending, then succeeded or\n * failed for a moment, then idle again.\n *\n * A synchronous action shows success only with `showFeedback`, an async one\n * unless `showFeedback` is `false`. A failure is shown either way.\n */\nexport class ActionState {\n private showFeedback?: boolean;\n public state: ActionStateValue = \"isIdle\";\n private setPendingTimeout: ReturnType<typeof setTimeout> | undefined;\n public error: unknown;\n private isAsync = false;\n\n public constructor() {\n makeObservable(this, {\n state: observable,\n updateState: action,\n isBusy: computed,\n });\n }\n\n public updateState(newState: ActionStateValue): void {\n this.state = newState;\n }\n\n public get isBusy(): boolean {\n return this.state !== \"isIdle\";\n }\n\n public onAsyncStart(): void {\n this.clearPendingTimeout();\n this.isAsync = true;\n this.updateState(\"isExecuting\");\n this.setPendingTimeout = setTimeout(\n () => this.startPending(),\n actionStateDurations.pending,\n );\n }\n\n public async onSucceeded(): Promise<void> {\n await this.onDone();\n }\n\n public async onFailed(error?: unknown): Promise<void> {\n this.error = error ?? new Error(\"Unknown error\");\n await this.onDone();\n }\n\n public withFeedback(feedback?: boolean): this {\n this.showFeedback = feedback;\n return this;\n }\n\n private async startFailedFeedback(): Promise<void> {\n this.updateState(\"isFailed\");\n await sleep(actionStateDurations.failed);\n this.resetAfterDone();\n }\n\n private async startSucceededFeedback(): Promise<void> {\n this.updateState(\"isSucceeded\");\n await sleep(actionStateDurations.succeeded);\n this.resetAfterDone();\n }\n\n private resetAfterDone(): void {\n this.updateState(\"isIdle\");\n this.isAsync = false;\n this.error = undefined;\n }\n\n private clearPendingTimeout(): void {\n if (this.setPendingTimeout) {\n clearTimeout(this.setPendingTimeout);\n }\n }\n\n private onDone(): Promise<void> | void {\n this.clearPendingTimeout();\n if (this.error) {\n return this.startFailedFeedback();\n } else if (\n this.showFeedback !== false &&\n (this.showFeedback || this.isAsync)\n ) {\n return this.startSucceededFeedback();\n } else {\n this.resetAfterDone();\n }\n }\n\n private startPending(): void {\n this.updateState(\"isPending\");\n }\n}\n\nexport default ActionState;\n"],"mappings":";;;;;AAMA,IAAa,uBAAuB;;CAElC,SAAS;CACT,WAAW;CACX,QAAQ;AACV;AAEA,IAAM,SAAS,OACb,IAAI,SAAS,YAAY,WAAW,SAAS,EAAE,CAAC;;;;;;;;AASlD,IAAa,cAAb,MAAyB;CACvB;CACA,QAAiC;CACjC;CACA;CACA,UAAkB;CAElB,cAAqB;EACnB,eAAe,MAAM;GACnB,OAAO;GACP,aAAa;GACb,QAAQ;EACV,CAAC;CACH;CAEA,YAAmB,UAAkC;EACnD,KAAK,QAAQ;CACf;CAEA,IAAW,SAAkB;EAC3B,OAAO,KAAK,UAAU;CACxB;CAEA,eAA4B;EAC1B,KAAK,oBAAoB;EACzB,KAAK,UAAU;EACf,KAAK,YAAY,aAAa;EAC9B,KAAK,oBAAoB,iBACjB,KAAK,aAAa,GACxB,qBAAqB,OACvB;CACF;CAEA,MAAa,cAA6B;EACxC,MAAM,KAAK,OAAO;CACpB;CAEA,MAAa,SAAS,OAAgC;EACpD,KAAK,QAAQ,yBAAS,IAAI,MAAM,eAAe;EAC/C,MAAM,KAAK,OAAO;CACpB;CAEA,aAAoB,UAA0B;EAC5C,KAAK,eAAe;EACpB,OAAO;CACT;CAEA,MAAc,sBAAqC;EACjD,KAAK,YAAY,UAAU;EAC3B,MAAM,MAAM,qBAAqB,MAAM;EACvC,KAAK,eAAe;CACtB;CAEA,MAAc,yBAAwC;EACpD,KAAK,YAAY,aAAa;EAC9B,MAAM,MAAM,qBAAqB,SAAS;EAC1C,KAAK,eAAe;CACtB;CAEA,iBAA+B;EAC7B,KAAK,YAAY,QAAQ;EACzB,KAAK,UAAU;EACf,KAAK,QAAQ,KAAA;CACf;CAEA,sBAAoC;EAClC,IAAI,KAAK,mBACP,aAAa,KAAK,iBAAiB;CAEvC;CAEA,SAAuC;EACrC,KAAK,oBAAoB;EACzB,IAAI,KAAK,OACP,OAAO,KAAK,oBAAoB;OAC3B,IACL,KAAK,iBAAiB,UACrB,KAAK,gBAAgB,KAAK,UAE3B,OAAO,KAAK,uBAAuB;OAEnC,KAAK,eAAe;CAExB;CAEA,eAA6B;EAC3B,KAAK,YAAY,WAAW;CAC9B;AACF"}

package/dist/js/packages/components-base/src/index.mjs ADDED Viewed

@@ -0,0 +1,18 @@
+import { ActionState, actionStateDurations } from "./action/ActionState.mjs";
+import "./lib/array.mjs";
+import { getListColumn } from "./list/ListModelContext.mjs";
+import "./list/filter/ListFilterValue.mjs";
+import { ListFilter } from "./list/filter/ListFilter.mjs";
+import "./list/filter/dateRange.mjs";
+import { ListDateRangeFilter } from "./list/filter/ListDateRangeFilter.mjs";
+import "./list/item/ListItem.mjs";
+import { ListItemCollection } from "./list/item/ListItemCollection.mjs";
+import { ListLoaderState } from "./list/loading/ListLoaderState.mjs";
+import { getListDataLoaderOptions } from "./list/loading/types.mjs";
+import { ListBatchesController } from "./list/pagination/ListBatchesController.mjs";
+import { ListSearch } from "./list/search/ListSearch.mjs";
+import { ListSorting, mergeHiddenSorting } from "./list/sorting/ListSorting.mjs";
+import { ListTable } from "./list/table/ListTable.mjs";
+import { ListViewMode } from "./list/viewMode/ListViewMode.mjs";
+export { ActionState, ListBatchesController, ListDateRangeFilter, ListFilter, ListItemCollection, ListLoaderState, ListSearch, ListSorting, ListTable, ListViewMode, actionStateDurations, getListColumn, getListDataLoaderOptions, mergeHiddenSorting };

package/dist/js/packages/components-base/src/lib/array.mjs ADDED Viewed

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region ../components-base/src/lib/array.ts
+/** One value or many, as many. */
+var toArray = (value) => Array.isArray(value) ? value : [value];
+//#endregion
+export { toArray };
+//# sourceMappingURL=array.mjs.map

package/dist/js/packages/components-base/src/lib/array.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"array.mjs","names":[],"sources":["../../../../../../../components-base/src/lib/array.ts"],"sourcesContent":["/** One value or many, as many. */\nexport const toArray = <T>(value: T | T[]): T[] =>\n Array.isArray(value) ? value : [value];\n\n/** The element type of an array, or the type itself when it is not one. */\nexport type ItemType<T> = T extends (infer TItem)[] ? TItem : T;\n"],"mappings":";;;;AACA,IAAa,WAAc,UACzB,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK"}

package/dist/js/packages/components-base/src/list/ListModelContext.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+"use client"
+/* */
+//#region ../components-base/src/list/ListModelContext.ts
+/**
+* The table's column for a property.
+*
+* Throws rather than returning `undefined`: a sorting or a filter names a
+* column the list declared, so a miss is a wiring mistake, and the alternative
+* is a control that silently does nothing.
+*/
+var getListColumn = (table, property) => {
+	const column = table.getColumn(property);
+	if (!column) throw new Error(`Column #${String(property)} is not defined`);
+	return column;
+};
+//#endregion
+export { getListColumn };
+//# sourceMappingURL=ListModelContext.mjs.map

package/dist/js/packages/components-base/src/list/ListModelContext.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ListModelContext.mjs","names":[],"sources":["../../../../../../../components-base/src/list/ListModelContext.ts"],"sourcesContent":["import type { ListSettingsDefaults, ListSettingsPort } from \"./settings/types\";\nimport type { PropertyName } from \"./types\";\nimport type { Column, Table } from \"@tanstack/table-core\";\n\n/**\n * What a shared list model may reach for.\n *\n * The narrow replacement for the `List` back-reference the model classes used\n * to carry: a `List` is a React object — its constructor calls hooks — while\n * what sorting and searching actually need is the TanStack table and the\n * persistence. A binding's own list satisfies this shape and keeps passing\n * itself.\n *\n * `dataTable`, not `table`: Flow's `List` already calls its own view model\n * `table`, and the TanStack instance is a different thing — the rows, the\n * sorting state and the global filter. It is a getter on purpose, because the\n * model is built before the table is and reading it eagerly reads `undefined`.\n */\nexport interface ListModelContext<T> {\n readonly dataTable: Table<T>;\n readonly settings?: ListSettingsPort;\n readonly settingsDefaults?: ListSettingsDefaults;\n}\n\n/**\n * The table's column for a property.\n *\n * Throws rather than returning `undefined`: a sorting or a filter names a\n * column the list declared, so a miss is a wiring mistake, and the alternative\n * is a control that silently does nothing.\n */\nexport const getListColumn = <T>(\n table: Table<T>,\n property: PropertyName<T>,\n): Column<T> => {\n const column = table.getColumn(property as string);\n\n if (!column) {\n throw new Error(`Column #${String(property)} is not defined`);\n }\n\n return column;\n};\n"],"mappings":";;;;;;;;;;AA+BA,IAAa,iBACX,OACA,aACc;CACd,MAAM,SAAS,MAAM,UAAU,QAAkB;CAEjD,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,WAAW,OAAO,QAAQ,EAAE,gBAAgB;CAG9D,OAAO;AACT"}