@mittwald/flow-react-components 0.2.0-alpha.1032 → 0.2.0-alpha.1034

package/dist/js/packages/components/src/lib/remote/useControlledHostValueProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledHostValueProps.mjs","sources":["../../../../../../../src/lib/remote/useControlledHostValueProps.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { controlledRemoteValueMarker } from \"./useControlledRemoteValueProps\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\n/**\n * Returns props with controlled value handling for remote components. It works\n * by omitting values resulting from a remotely executed event handler. These\n * values are marked by the `controlledRemoteValueMarker`.\n *\n * This hook is noly necessary for text inputs. If not use the controlled input\n * value may be corrupted by interleaved host inputs and remote events.\n */\nexport const useControlledHostValueProps = <T, P>(props: FieldProps<T, P>) => {\n  const {\n    value: valueFromProps,\n    onChange: onChangeFromProps,\n    defaultValue,\n  } = props;\n\n  const regularValue =\n    valueFromProps === controlledRemoteValueMarker ? undefined : valueFromProps;\n\n  const [value, setValue] = useState(regularValue ?? defaultValue);\n\n  useLayoutEffect(() => {\n    if (regularValue !== undefined) {\n      setValue(regularValue);\n    }\n  }, [valueFromProps]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const onChange = (v: any) => {\n    setValue(v);\n    onChangeFromProps?.(v);\n  };\n\n  return {\n    ...props,\n    value,\n    onChange,\n  };\n};\n"],"names":[],"mappings":";;;AAYO,MAAM,2BAAA,GAA8B,CAAO,KAAA,KAA4B;AAC5E,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,QAAA,EAAU,iBAAA;AAAA,IACV;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAA,GACJ,cAAA,KAAmB,2BAAA,GAA8B,MAAA,GAAY,cAAA;AAE/D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAAS,gBAAgB,YAAY,CAAA;AAE/D,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,iBAAiB,MAAA,EAAW;AAC9B,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAGnB,EAAA,MAAM,QAAA,GAAW,CAAC,CAAA,KAAW;AAC3B,IAAA,QAAA,CAAS,CAAC,CAAA;AACV,IAAA,iBAAA,GAAoB,CAAC,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,GAAG,KAAA;AAAA,IACH,KAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useControlledHostValueProps.mjs","names":[],"sources":["../../../../../../../src/lib/remote/useControlledHostValueProps.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { controlledRemoteValueMarker } from \"./useControlledRemoteValueProps\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\n/**\n * Returns props with controlled value handling for remote components. It works\n * by omitting values resulting from a remotely executed event handler. These\n * values are marked by the `controlledRemoteValueMarker`.\n *\n * This hook is noly necessary for text inputs. If not use the controlled input\n * value may be corrupted by interleaved host inputs and remote events.\n */\nexport const useControlledHostValueProps = <T, P>(props: FieldProps<T, P>) => {\n  const {\n    value: valueFromProps,\n    onChange: onChangeFromProps,\n    defaultValue,\n  } = props;\n\n  const regularValue =\n    valueFromProps === controlledRemoteValueMarker ? undefined : valueFromProps;\n\n  const [value, setValue] = useState(regularValue ?? defaultValue);\n\n  useLayoutEffect(() => {\n    if (regularValue !== undefined) {\n      setValue(regularValue);\n    }\n  }, [valueFromProps]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const onChange = (v: any) => {\n    setValue(v);\n    onChangeFromProps?.(v);\n  };\n\n  return {\n    ...props,\n    value,\n    onChange,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAa,+BAAqC,UAA4B;CAC5E,MAAM,EACJ,OAAO,gBACP,UAAU,mBACV,iBACE;CAEJ,MAAM,eACJ,mBAAA,oCAAiD,KAAA,IAAY;CAE/D,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,YAAY;CAE/D,sBAAsB;EACpB,IAAI,iBAAiB,KAAA,GACnB,SAAS,YAAY;CAEzB,GAAG,CAAC,cAAc,CAAC;CAGnB,MAAM,YAAY,MAAW;EAC3B,SAAS,CAAC;EACV,oBAAoB,CAAC;CACvB;CAEA,OAAO;EACL,GAAG;EACH;EACA;CACF;AACF"}

package/dist/js/packages/components/src/lib/remote/useControlledRemoteValueProps.mjs

@@ -1,20 +1,25 @@
 "use client"
 /* */
-import { useRef } from 'react';
-import { getRemoteEvent } from './eventHandlerContext.mjs';
-
-const unknownRemoteEventValue = /* @__PURE__ */ Symbol("unknownRemoteEventValue");
-const controlledRemoteValueMarker = "___flowControlledRemoteValue___";
-const useControlledRemoteValueProps = (props) => {
-  const valueOfRemoteEvent = useRef(unknownRemoteEventValue);
-  const onChange = (value2) => {
-    const remoteEvent = getRemoteEvent();
-    valueOfRemoteEvent.current = remoteEvent ? value2 : unknownRemoteEventValue;
-    props.onChange?.(value2);
-  };
-  const value = valueOfRemoteEvent.current === props.value ? controlledRemoteValueMarker : props.value;
-  return { ...props, onChange, value };
+import { getRemoteEvent } from "./eventHandlerContext.mjs";
+import { useRef } from "react";
+//#region src/lib/remote/useControlledRemoteValueProps.ts
+var unknownRemoteEventValue = Symbol("unknownRemoteEventValue");
+var controlledRemoteValueMarker = "___flowControlledRemoteValue___";
+var useControlledRemoteValueProps = (props) => {
+	const valueOfRemoteEvent = useRef(unknownRemoteEventValue);
+	const onChange = (value) => {
+		const remoteEvent = getRemoteEvent();
+		valueOfRemoteEvent.current = remoteEvent ? value : unknownRemoteEventValue;
+		props.onChange?.(value);
+	};
+	const value = valueOfRemoteEvent.current === props.value ? controlledRemoteValueMarker : props.value;
+	return {
+		...props,
+		onChange,
+		value
+	};
 };
-
+//#endregion
 export { controlledRemoteValueMarker, useControlledRemoteValueProps };
-//# sourceMappingURL=useControlledRemoteValueProps.mjs.map
+
+//# sourceMappingURL=useControlledRemoteValueProps.mjs.map

package/dist/js/packages/components/src/lib/remote/useControlledRemoteValueProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledRemoteValueProps.mjs","sources":["../../../../../../../src/lib/remote/useControlledRemoteValueProps.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { getRemoteEvent } from \"./eventHandlerContext\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\nconst unknownRemoteEventValue = Symbol(\"unknownRemoteEventValue\");\n\nexport const controlledRemoteValueMarker = \"___flowControlledRemoteValue___\";\n\nexport const useControlledRemoteValueProps = <T, P>(\n  props: FieldProps<T, P>,\n) => {\n  const valueOfRemoteEvent = useRef<unknown>(unknownRemoteEventValue);\n\n  const onChange = (value: T) => {\n    const remoteEvent = getRemoteEvent();\n    valueOfRemoteEvent.current = remoteEvent ? value : unknownRemoteEventValue;\n    props.onChange?.(value);\n  };\n\n  const value =\n    valueOfRemoteEvent.current === props.value\n      ? controlledRemoteValueMarker\n      : props.value;\n\n  return { ...props, onChange, value };\n};\n"],"names":["value"],"mappings":";;;AAIA,MAAM,uBAAA,0BAAiC,yBAAyB,CAAA;AAEzD,MAAM,2BAAA,GAA8B;AAEpC,MAAM,6BAAA,GAAgC,CAC3C,KAAA,KACG;AACH,EAAA,MAAM,kBAAA,GAAqB,OAAgB,uBAAuB,CAAA;AAElE,EAAA,MAAM,QAAA,GAAW,CAACA,MAAAA,KAAa;AAC7B,IAAA,MAAM,cAAc,cAAA,EAAe;AACnC,IAAA,kBAAA,CAAmB,OAAA,GAAU,cAAcA,MAAAA,GAAQ,uBAAA;AACnD,IAAA,KAAA,CAAM,WAAWA,MAAK,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,QACJ,kBAAA,CAAmB,OAAA,KAAY,KAAA,CAAM,KAAA,GACjC,8BACA,KAAA,CAAM,KAAA;AAEZ,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,QAAA,EAAU,KAAA,EAAM;AACrC;;;;"}
+{"version":3,"file":"useControlledRemoteValueProps.mjs","names":[],"sources":["../../../../../../../src/lib/remote/useControlledRemoteValueProps.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { getRemoteEvent } from \"./eventHandlerContext\";\nimport type { FieldProps } from \"@/lib/remote/types\";\n\nconst unknownRemoteEventValue = Symbol(\"unknownRemoteEventValue\");\n\nexport const controlledRemoteValueMarker = \"___flowControlledRemoteValue___\";\n\nexport const useControlledRemoteValueProps = <T, P>(\n  props: FieldProps<T, P>,\n) => {\n  const valueOfRemoteEvent = useRef<unknown>(unknownRemoteEventValue);\n\n  const onChange = (value: T) => {\n    const remoteEvent = getRemoteEvent();\n    valueOfRemoteEvent.current = remoteEvent ? value : unknownRemoteEventValue;\n    props.onChange?.(value);\n  };\n\n  const value =\n    valueOfRemoteEvent.current === props.value\n      ? controlledRemoteValueMarker\n      : props.value;\n\n  return { ...props, onChange, value };\n};\n"],"mappings":";;;;;AAIA,IAAM,0BAA0B,OAAO,yBAAyB;AAEhE,IAAa,8BAA8B;AAE3C,IAAa,iCACX,UACG;CACH,MAAM,qBAAqB,OAAgB,uBAAuB;CAElE,MAAM,YAAY,UAAa;EAC7B,MAAM,cAAc,eAAe;EACnC,mBAAmB,UAAU,cAAc,QAAQ;EACnD,MAAM,WAAW,KAAK;CACxB;CAEA,MAAM,QACJ,mBAAmB,YAAY,MAAM,QACjC,8BACA,MAAM;CAEZ,OAAO;EAAE,GAAG;EAAO;EAAU;CAAM;AACrC"}

package/dist/js/packages/components/src/lib/scss/selectors.mjs

@@ -1,11 +1,20 @@
 "use client"
 /* */
+//#region src/lib/scss/selectors.ts
 function prefixedStyleClassname(styles, prefix, suffix) {
-  return styles[`${prefix}${suffix}`];
+	return styles[`${prefix}${suffix}`];
 }
+/**
+* Look up a class name by a dynamic (runtime) key — a key that cannot be
+* statically narrowed to one of `styles`' keys (e.g. built from a number, a
+* `string`-typed prop, or a helper's return). Returns `undefined` when the key
+* is not a class, which `clsx` safely ignores — unlike an `as keyof` cast,
+* which lies about the result being present.
+*/
 function styleClassname(styles, classname) {
-  return styles[classname];
+	return styles[classname];
 }
-
+//#endregion
 export { prefixedStyleClassname, styleClassname };
-//# sourceMappingURL=selectors.mjs.map
+
+//# sourceMappingURL=selectors.mjs.map

package/dist/js/packages/components/src/lib/scss/selectors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.mjs","sources":["../../../../../../../src/lib/scss/selectors.ts"],"sourcesContent":["export type SuffixFromPrefixedKeys<\n  T extends Record<string, unknown>,\n  Prefix extends string,\n> = {\n  [K in keyof T & string]: K extends `${Prefix}${infer S}` ? S : never;\n}[keyof T & string];\n\nexport function prefixedStyleClassname<\n  T extends Record<string, string>,\n  Prefix extends string,\n  S extends SuffixFromPrefixedKeys<T, Prefix>,\n>(styles: T, prefix: Prefix, suffix: S): T[`${Prefix}${S}` & keyof T] {\n  return styles[`${prefix}${suffix}` as `${Prefix}${S}` & keyof T];\n}\n\n/**\n * Look up a class name by a dynamic (runtime) key — a key that cannot be\n * statically narrowed to one of `styles`' keys (e.g. built from a number, a\n * `string`-typed prop, or a helper's return). Returns `undefined` when the key\n * is not a class, which `clsx` safely ignores — unlike an `as keyof` cast,\n * which lies about the result being present.\n */\nexport function styleClassname<T extends Record<string, string>>(\n  styles: T,\n  classname: string,\n): string | undefined {\n  return styles[classname];\n}\n"],"names":[],"mappings":"AAOO,SAAS,sBAAA,CAId,MAAA,EAAW,MAAA,EAAgB,MAAA,EAAyC;AACpE,EAAA,OAAO,MAAA,CAAO,CAAA,EAAG,MAAM,CAAA,EAAG,MAAM,CAAA,CAA+B,CAAA;AACjE;AASO,SAAS,cAAA,CACd,QACA,SAAA,EACoB;AACpB,EAAA,OAAO,OAAO,SAAS,CAAA;AACzB;;;;"}
+{"version":3,"file":"selectors.mjs","names":[],"sources":["../../../../../../../src/lib/scss/selectors.ts"],"sourcesContent":["export type SuffixFromPrefixedKeys<\n  T extends Record<string, unknown>,\n  Prefix extends string,\n> = {\n  [K in keyof T & string]: K extends `${Prefix}${infer S}` ? S : never;\n}[keyof T & string];\n\nexport function prefixedStyleClassname<\n  T extends Record<string, string>,\n  Prefix extends string,\n  S extends SuffixFromPrefixedKeys<T, Prefix>,\n>(styles: T, prefix: Prefix, suffix: S): T[`${Prefix}${S}` & keyof T] {\n  return styles[`${prefix}${suffix}` as `${Prefix}${S}` & keyof T];\n}\n\n/**\n * Look up a class name by a dynamic (runtime) key — a key that cannot be\n * statically narrowed to one of `styles`' keys (e.g. built from a number, a\n * `string`-typed prop, or a helper's return). Returns `undefined` when the key\n * is not a class, which `clsx` safely ignores — unlike an `as keyof` cast,\n * which lies about the result being present.\n */\nexport function styleClassname<T extends Record<string, string>>(\n  styles: T,\n  classname: string,\n): string | undefined {\n  return styles[classname];\n}\n"],"mappings":";;;AAOA,SAAgB,uBAId,QAAW,QAAgB,QAAyC;CACpE,OAAO,OAAO,GAAG,SAAS;AAC5B;;;;;;;;AASA,SAAgB,eACd,QACA,WACoB;CACpB,OAAO,OAAO;AAChB"}

package/dist/js/packages/components/src/lib/slotContext/SlotContextProvider.mjs

@@ -1,21 +1,24 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { memo } from 'react';
-import { slotContext, useSlotContext } from './slotContext.mjs';
-
-const Provider = memo(slotContext.Provider);
+import { slotContext, useSlotContext } from "./slotContext.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/slotContext/SlotContextProvider.tsx
+var Provider = memo(slotContext.Provider);
 Provider.displayName = "SlotContextProviderInner";
-const SlotContextProvider = memo((props) => {
-  const { slot, component, children } = props;
-  const parentContext = useSlotContext();
-  const mergedContext = {
-    ...parentContext,
-    [component]: slot
-  };
-  return /* @__PURE__ */ jsx(Provider, { value: mergedContext, children });
+var SlotContextProvider = memo((props) => {
+	const { slot, component, children } = props;
+	const mergedContext = {
+		...useSlotContext(),
+		[component]: slot
+	};
+	return /* @__PURE__ */ jsx(Provider, {
+		value: mergedContext,
+		children
+	});
 });
 SlotContextProvider.displayName = "SlotContextProvider";
-
+//#endregion
 export { SlotContextProvider, SlotContextProvider as default };
-//# sourceMappingURL=SlotContextProvider.mjs.map
+
+//# sourceMappingURL=SlotContextProvider.mjs.map

package/dist/js/packages/components/src/lib/slotContext/SlotContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlotContextProvider.mjs","sources":["../../../../../../../src/lib/slotContext/SlotContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { slotContext, useSlotContext } from \"@/lib/slotContext/slotContext\";\n\ninterface Props extends PropsWithChildren {\n  slot: string;\n  component: FlowComponentName;\n}\n\nconst Provider = memo(slotContext.Provider);\nProvider.displayName = \"SlotContextProviderInner\";\n\nexport const SlotContextProvider: FC<Props> = memo((props) => {\n  const { slot, component, children } = props;\n  const parentContext = useSlotContext();\n\n  const mergedContext = {\n    ...parentContext,\n    [component]: slot,\n  };\n\n  return <Provider value={mergedContext}>{children}</Provider>;\n});\nSlotContextProvider.displayName = \"SlotContextProvider\";\n\nexport default SlotContextProvider;\n"],"names":[],"mappings":";;;;AAUA,MAAM,QAAA,GAAW,IAAA,CAAK,WAAA,CAAY,QAAQ,CAAA;AAC1C,QAAA,CAAS,WAAA,GAAc,0BAAA;AAEhB,MAAM,mBAAA,GAAiC,IAAA,CAAK,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,QAAA,EAAS,GAAI,KAAA;AACtC,EAAA,MAAM,gBAAgB,cAAA,EAAe;AAErC,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,aAAA;AAAA,IACH,CAAC,SAAS,GAAG;AAAA,GACf;AAEA,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,aAAA,EAAgB,QAAA,EAAS,CAAA;AACnD,CAAC;AACD,mBAAA,CAAoB,WAAA,GAAc,qBAAA;;;;"}
+{"version":3,"file":"SlotContextProvider.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/SlotContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { slotContext, useSlotContext } from \"@/lib/slotContext/slotContext\";\n\ninterface Props extends PropsWithChildren {\n  slot: string;\n  component: FlowComponentName;\n}\n\nconst Provider = memo(slotContext.Provider);\nProvider.displayName = \"SlotContextProviderInner\";\n\nexport const SlotContextProvider: FC<Props> = memo((props) => {\n  const { slot, component, children } = props;\n  const parentContext = useSlotContext();\n\n  const mergedContext = {\n    ...parentContext,\n    [component]: slot,\n  };\n\n  return <Provider value={mergedContext}>{children}</Provider>;\n});\nSlotContextProvider.displayName = \"SlotContextProvider\";\n\nexport default SlotContextProvider;\n"],"mappings":";;;;;;AAUA,IAAM,WAAW,KAAK,YAAY,QAAQ;AAC1C,SAAS,cAAc;AAEvB,IAAa,sBAAiC,MAAM,UAAU;CAC5D,MAAM,EAAE,MAAM,WAAW,aAAa;CAGtC,MAAM,gBAAgB;EACpB,GAHoB,eAGjB;GACF,YAAY;CACf;CAEA,OAAO,oBAAC,UAAD;EAAU,OAAO;EAAgB;CAAmB,CAAA;AAC7D,CAAC;AACD,oBAAoB,cAAc"}

package/dist/js/packages/components/src/lib/slotContext/slotContext.mjs

@@ -1,9 +1,10 @@
 "use client"
 /* */
-import { createContext, useContext } from 'react';
-
-const slotContext = createContext({});
-const useSlotContext = () => useContext(slotContext);
-
+import { createContext, useContext } from "react";
+//#region src/lib/slotContext/slotContext.ts
+var slotContext = createContext({});
+var useSlotContext = () => useContext(slotContext);
+//#endregion
 export { slotContext, useSlotContext };
-//# sourceMappingURL=slotContext.mjs.map
+
+//# sourceMappingURL=slotContext.mjs.map

package/dist/js/packages/components/src/lib/slotContext/slotContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slotContext.mjs","sources":["../../../../../../../src/lib/slotContext/slotContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SlotContext } from \"@/lib/slotContext/types\";\n\nexport const slotContext = createContext<SlotContext>({});\n\nexport const useSlotContext = (): SlotContext => useContext(slotContext);\n"],"names":[],"mappings":";;AAGO,MAAM,WAAA,GAAc,aAAA,CAA2B,EAAE;AAEjD,MAAM,cAAA,GAAiB,MAAmB,UAAA,CAAW,WAAW;;;;"}
+{"version":3,"file":"slotContext.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/slotContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SlotContext } from \"@/lib/slotContext/types\";\n\nexport const slotContext = createContext<SlotContext>({});\n\nexport const useSlotContext = (): SlotContext => useContext(slotContext);\n"],"mappings":";;;;AAGA,IAAa,cAAc,cAA2B,CAAC,CAAC;AAExD,IAAa,uBAAoC,WAAW,WAAW"}

package/dist/js/packages/components/src/lib/slotContext/useContextSlot.mjs

@@ -1,8 +1,9 @@
 "use client"
 /* */
-import { useSlotContext } from './slotContext.mjs';
-
-const useContextSlot = (component) => useSlotContext()[component];
-
+import { useSlotContext } from "./slotContext.mjs";
+//#region src/lib/slotContext/useContextSlot.ts
+var useContextSlot = (component) => useSlotContext()[component];
+//#endregion
 export { useContextSlot as default, useContextSlot };
-//# sourceMappingURL=useContextSlot.mjs.map
+
+//# sourceMappingURL=useContextSlot.mjs.map

package/dist/js/packages/components/src/lib/slotContext/useContextSlot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useContextSlot.mjs","sources":["../../../../../../../src/lib/slotContext/useContextSlot.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\nimport { useSlotContext } from \"@/lib/slotContext/slotContext\";\n\nexport const useContextSlot = (\n  component: FlowComponentName,\n): string | undefined => useSlotContext()[component];\n\nexport default useContextSlot;\n"],"names":[],"mappings":";;AAGO,MAAM,cAAA,GAAiB,CAC5B,SAAA,KACuB,cAAA,GAAiB,SAAS;;;;"}
+{"version":3,"file":"useContextSlot.mjs","names":[],"sources":["../../../../../../../src/lib/slotContext/useContextSlot.ts"],"sourcesContent":["import type { FlowComponentName } from \"@/components/propTypes\";\nimport { useSlotContext } from \"@/lib/slotContext/slotContext\";\n\nexport const useContextSlot = (\n  component: FlowComponentName,\n): string | undefined => useSlotContext()[component];\n\nexport default useContextSlot;\n"],"mappings":";;;;AAGA,IAAa,kBACX,cACuB,eAAe,CAAC,CAAC"}

package/dist/js/packages/components/src/lib/theming/components/ThemedHtml.mjs

@@ -1,12 +1,17 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { themeHtmlAttribute } from '../lib/keys.mjs';
-
-const ThemedHtml = (props) => {
-  const { theme, ...rest } = props;
-  return /* @__PURE__ */ jsx("html", { ...{ [themeHtmlAttribute]: theme }, ...rest, children: props.children });
+import { themeHtmlAttribute } from "../lib/keys.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/theming/components/ThemedHtml.tsx
+var ThemedHtml = (props) => {
+	const { theme, ...rest } = props;
+	return /* @__PURE__ */ jsx("html", {
+		[themeHtmlAttribute]: theme,
+		...rest,
+		children: props.children
+	});
 };
-
+//#endregion
 export { ThemedHtml };
-//# sourceMappingURL=ThemedHtml.mjs.map
+
+//# sourceMappingURL=ThemedHtml.mjs.map

package/dist/js/packages/components/src/lib/theming/components/ThemedHtml.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedHtml.mjs","sources":["../../../../../../../../src/lib/theming/components/ThemedHtml.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from \"react\";\nimport type { Theme } from \"../types\";\nimport { themeHtmlAttribute } from \"../lib/keys\";\n\ninterface Props extends HTMLAttributes<HTMLHtmlElement> {\n  theme: Theme;\n}\n\nexport const ThemedHtml: FC<Props> = (props) => {\n  const { theme, ...rest } = props;\n\n  return (\n    <html {...{ [themeHtmlAttribute]: theme }} {...rest}>\n      {props.children}\n    </html>\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,UAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAO,GAAG,IAAA,EAAK,GAAI,KAAA;AAE3B,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,EAAE,CAAC,kBAAkB,GAAG,KAAA,EAAM,EAAI,GAAG,IAAA,EAC5C,QAAA,EAAA,KAAA,CAAM,QAAA,EACT,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ThemedHtml.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/components/ThemedHtml.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from \"react\";\nimport type { Theme } from \"../types\";\nimport { themeHtmlAttribute } from \"../lib/keys\";\n\ninterface Props extends HTMLAttributes<HTMLHtmlElement> {\n  theme: Theme;\n}\n\nexport const ThemedHtml: FC<Props> = (props) => {\n  const { theme, ...rest } = props;\n\n  return (\n    <html {...{ [themeHtmlAttribute]: theme }} {...rest}>\n      {props.children}\n    </html>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAa,cAAyB,UAAU;CAC9C,MAAM,EAAE,OAAO,GAAG,SAAS;CAE3B,OACE,oBAAC,QAAD;GAAa,qBAAqB;EAAS,GAAI;EAC5C,UAAA,MAAM;CACH,CAAA;AAEV"}

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

@@ -1,13 +1,13 @@
 "use client"
 /* */
-import tokens from '../../../../../design-tokens/dist/json/all-light.json.mjs';
-import darkTokens from '../../../../../design-tokens/dist/json/all-dark.json.mjs';
-import { useResolvedTheme } from './useResolvedTheme.mjs';
-
-const useDesignTokens = () => {
-  const theme = useResolvedTheme();
-  return theme === "light" ? tokens : darkTokens;
+import { useResolvedTheme } from "./useResolvedTheme.mjs";
+import all_light_default from "../../../../../design-tokens/dist/json/all-light.mjs";
+import all_dark_default from "../../../../../design-tokens/dist/json/all-dark.mjs";
+//#region src/lib/theming/hooks/useDesignTokens.ts
+var useDesignTokens = () => {
+	return useResolvedTheme() === "light" ? all_light_default : all_dark_default;
 };
-
+//#endregion
 export { useDesignTokens };
-//# sourceMappingURL=useDesignTokens.mjs.map
+
+//# sourceMappingURL=useDesignTokens.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDesignTokens.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json/all-dark.json\";\nimport { useResolvedTheme } from \"./useResolvedTheme\";\n\nexport const useDesignTokens = () => {\n  const theme = useResolvedTheme();\n  return theme === \"light\" ? lightTokens : darkTokens;\n};\n"],"names":["lightTokens"],"mappings":";;;;AAIO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,QAAQ,gBAAA,EAAiB;AAC/B,EAAA,OAAO,KAAA,KAAU,UAAUA,MAAA,GAAc,UAAA;AAC3C;;;;"}
+{"version":3,"file":"useDesignTokens.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useDesignTokens.ts"],"sourcesContent":["import lightTokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\nimport darkTokens from \"@mittwald/flow-design-tokens/json/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"}

package/dist/js/packages/components/src/lib/theming/hooks/useResolvedTheme.mjs

@@ -1,13 +1,14 @@
 "use client"
 /* */
-import { useSystemTheme } from './useSystemTheme.mjs';
-import { useTheme } from './useTheme.mjs';
-
-const useResolvedTheme = () => {
-  const theme = useTheme();
-  const systemTheme = useSystemTheme();
-  return theme === "system" ? systemTheme : theme;
+import { useTheme } from "./useTheme.mjs";
+import { useSystemTheme } from "./useSystemTheme.mjs";
+//#region src/lib/theming/hooks/useResolvedTheme.ts
+var useResolvedTheme = () => {
+	const theme = useTheme();
+	const systemTheme = useSystemTheme();
+	return theme === "system" ? systemTheme : theme;
 };
-
+//#endregion
 export { useResolvedTheme };
-//# sourceMappingURL=useResolvedTheme.mjs.map
+
+//# sourceMappingURL=useResolvedTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useResolvedTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResolvedTheme.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { useSystemTheme } from \"./useSystemTheme\";\nimport { useTheme } from \"./useTheme\";\n\nexport const useResolvedTheme = (): ResolvedTheme => {\n  const theme = useTheme();\n  const systemTheme = useSystemTheme();\n  return theme === \"system\" ? systemTheme : theme;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,MAAqB;AACnD,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,cAAc,cAAA,EAAe;AACnC,EAAA,OAAO,KAAA,KAAU,WAAW,WAAA,GAAc,KAAA;AAC5C;;;;"}
+{"version":3,"file":"useResolvedTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { useSystemTheme } from \"./useSystemTheme\";\nimport { useTheme } from \"./useTheme\";\n\nexport const useResolvedTheme = (): ResolvedTheme => {\n  const theme = useTheme();\n  const systemTheme = useSystemTheme();\n  return theme === \"system\" ? systemTheme : theme;\n};\n"],"mappings":";;;;;AAIA,IAAa,yBAAwC;CACnD,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,eAAe;CACnC,OAAO,UAAU,WAAW,cAAc;AAC5C"}

package/dist/js/packages/components/src/lib/theming/hooks/useSystemTheme.mjs

@@ -1,19 +1,17 @@
 "use client"
 /* */
-import { useState, useEffect } from 'react';
-import { ColorSchemeMediaQuery } from '../lib/ColorSchemeMediaQuery.mjs';
-
-const useSystemTheme = () => {
-  const { preferred } = ColorSchemeMediaQuery.getPreference();
-  const [systemTheme, setSystemTheme] = useState(preferred);
-  useEffect(
-    () => ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {
-      setSystemTheme(newPreferred.preferred);
-    }),
-    []
-  );
-  return systemTheme;
+import { ColorSchemeMediaQuery } from "../lib/ColorSchemeMediaQuery.mjs";
+import { useEffect, useState } from "react";
+//#region src/lib/theming/hooks/useSystemTheme.ts
+var useSystemTheme = () => {
+	const { preferred } = ColorSchemeMediaQuery.getPreference();
+	const [systemTheme, setSystemTheme] = useState(preferred);
+	useEffect(() => ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {
+		setSystemTheme(newPreferred.preferred);
+	}), []);
+	return systemTheme;
 };
-
+//#endregion
 export { useSystemTheme };
-//# sourceMappingURL=useSystemTheme.mjs.map
+
+//# sourceMappingURL=useSystemTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useSystemTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSystemTheme.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { ResolvedTheme } from \"../types\";\nimport { ColorSchemeMediaQuery } from \"../lib/ColorSchemeMediaQuery\";\n\nexport const useSystemTheme = (): ResolvedTheme => {\n  const { preferred } = ColorSchemeMediaQuery.getPreference();\n\n  const [systemTheme, setSystemTheme] = useState<ResolvedTheme>(preferred);\n\n  useEffect(\n    () =>\n      ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {\n        setSystemTheme(newPreferred.preferred);\n      }),\n    [],\n  );\n\n  return systemTheme;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,MAAqB;AACjD,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,qBAAA,CAAsB,aAAA,EAAc;AAE1D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,SAAS,CAAA;AAEvE,EAAA,SAAA;AAAA,IACE,MACE,qBAAA,CAAsB,kBAAA,CAAmB,CAAC,YAAA,KAAiB;AACzD,MAAA,cAAA,CAAe,aAAa,SAAS,CAAA;AAAA,IACvC,CAAC,CAAA;AAAA,IACH;AAAC,GACH;AAEA,EAAA,OAAO,WAAA;AACT;;;;"}
+{"version":3,"file":"useSystemTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { ResolvedTheme } from \"../types\";\nimport { ColorSchemeMediaQuery } from \"../lib/ColorSchemeMediaQuery\";\n\nexport const useSystemTheme = (): ResolvedTheme => {\n  const { preferred } = ColorSchemeMediaQuery.getPreference();\n\n  const [systemTheme, setSystemTheme] = useState<ResolvedTheme>(preferred);\n\n  useEffect(\n    () =>\n      ColorSchemeMediaQuery.onPreferenceChange((newPreferred) => {\n        setSystemTheme(newPreferred.preferred);\n      }),\n    [],\n  );\n\n  return systemTheme;\n};\n"],"mappings":";;;;;AAIA,IAAa,uBAAsC;CACjD,MAAM,EAAE,cAAc,sBAAsB,cAAc;CAE1D,MAAM,CAAC,aAAa,kBAAkB,SAAwB,SAAS;CAEvE,gBAEI,sBAAsB,oBAAoB,iBAAiB;EACzD,eAAe,aAAa,SAAS;CACvC,CAAC,GACH,CAAC,CACH;CAEA,OAAO;AACT"}

package/dist/js/packages/components/src/lib/theming/hooks/useTheme.mjs

@@ -1,30 +1,27 @@
 "use client"
 /* */
-import { useState, useEffect } from 'react';
-import { themeHtmlAttribute } from '../lib/keys.mjs';
-import { getTheme } from '../lib/getTheme.mjs';
-
-const useTheme = () => {
-  const initialTheme = getTheme();
-  const [theme, setTheme] = useState(initialTheme);
-  useEffect(() => {
-    const mutationObserver = new MutationObserver((changes) => {
-      for (const change of changes) {
-        if (change.type === "attributes" && change.attributeName === themeHtmlAttribute) {
-          setTheme(getTheme());
-        }
-      }
-    });
-    mutationObserver.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: [themeHtmlAttribute]
-    });
-    return () => {
-      mutationObserver.disconnect();
-    };
-  }, [setTheme]);
-  return theme;
+import { themeHtmlAttribute } from "../lib/keys.mjs";
+import { getTheme } from "../lib/getTheme.mjs";
+import { useEffect, useState } from "react";
+//#region src/lib/theming/hooks/useTheme.ts
+var useTheme = () => {
+	const initialTheme = getTheme();
+	const [theme, setTheme] = useState(initialTheme);
+	useEffect(() => {
+		const mutationObserver = new MutationObserver((changes) => {
+			for (const change of changes) if (change.type === "attributes" && change.attributeName === "data-theme") setTheme(getTheme());
+		});
+		mutationObserver.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: [themeHtmlAttribute]
+		});
+		return () => {
+			mutationObserver.disconnect();
+		};
+	}, [setTheme]);
+	return theme;
 };
-
+//#endregion
 export { useTheme };
-//# sourceMappingURL=useTheme.mjs.map
+
+//# sourceMappingURL=useTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/hooks/useTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.mjs","sources":["../../../../../../../../src/lib/theming/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { Theme } from \"../types\";\nimport { themeHtmlAttribute } from \"../lib/keys\";\nimport { getTheme } from \"../lib/getTheme\";\n\nexport const useTheme = (): Theme => {\n  const initialTheme = getTheme();\n  const [theme, setTheme] = useState<Theme>(initialTheme);\n\n  useEffect(() => {\n    const mutationObserver = new MutationObserver((changes) => {\n      for (const change of changes) {\n        if (\n          change.type === \"attributes\" &&\n          change.attributeName === themeHtmlAttribute\n        ) {\n          setTheme(getTheme());\n        }\n      }\n    });\n\n    mutationObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [themeHtmlAttribute],\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [setTheme]);\n\n  return theme;\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,WAAW,MAAa;AACnC,EAAA,MAAM,eAAe,QAAA,EAAS;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAgB,YAAY,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,gBAAA,GAAmB,IAAI,gBAAA,CAAiB,CAAC,OAAA,KAAY;AACzD,MAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,QAAA,IACE,MAAA,CAAO,IAAA,KAAS,YAAA,IAChB,MAAA,CAAO,kBAAkB,kBAAA,EACzB;AACA,UAAA,QAAA,CAAS,UAAU,CAAA;AAAA,QACrB;AAAA,MACF;AAAA,IACF,CAAC,CAAA;AAED,IAAA,gBAAA,CAAiB,OAAA,CAAQ,SAAS,eAAA,EAAiB;AAAA,MACjD,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,kBAAkB;AAAA,KACrC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,UAAA,EAAW;AAAA,IAC9B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,OAAO,KAAA;AACT;;;;"}
+{"version":3,"file":"useTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { Theme } from \"../types\";\nimport { themeHtmlAttribute } from \"../lib/keys\";\nimport { getTheme } from \"../lib/getTheme\";\n\nexport const useTheme = (): Theme => {\n  const initialTheme = getTheme();\n  const [theme, setTheme] = useState<Theme>(initialTheme);\n\n  useEffect(() => {\n    const mutationObserver = new MutationObserver((changes) => {\n      for (const change of changes) {\n        if (\n          change.type === \"attributes\" &&\n          change.attributeName === themeHtmlAttribute\n        ) {\n          setTheme(getTheme());\n        }\n      }\n    });\n\n    mutationObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [themeHtmlAttribute],\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [setTheme]);\n\n  return theme;\n};\n"],"mappings":";;;;;;AAKA,IAAa,iBAAwB;CACnC,MAAM,eAAe,SAAS;CAC9B,MAAM,CAAC,OAAO,YAAY,SAAgB,YAAY;CAEtD,gBAAgB;EACd,MAAM,mBAAmB,IAAI,kBAAkB,YAAY;GACzD,KAAK,MAAM,UAAU,SACnB,IACE,OAAO,SAAS,gBAChB,OAAO,kBAAA,cAEP,SAAS,SAAS,CAAC;EAGzB,CAAC;EAED,iBAAiB,QAAQ,SAAS,iBAAiB;GACjD,YAAY;GACZ,iBAAiB,CAAC,kBAAkB;EACtC,CAAC;EAED,aAAa;GACX,iBAAiB,WAAW;EAC9B;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO;AACT"}

package/dist/js/packages/components/src/lib/theming/lib/ColorSchemeMediaQuery.mjs

@@ -1,44 +1,39 @@
 "use client"
 /* */
-import { getTheme } from './getTheme.mjs';
-import { isClientSide } from './isClientSide.mjs';
-
-class ColorSchemeMediaQuery {
-  static _mediaQuery;
-  static get mediaQuery() {
-    if (isClientSide()) {
-      if (!this._mediaQuery) {
-        this._mediaQuery = window.matchMedia("(prefers-color-scheme: light)");
-      }
-      return this._mediaQuery;
-    }
-  }
-  static getPreference() {
-    const fallback = getTheme();
-    const fallbackResolved = fallback === "system" ? "light" : fallback;
-    const preferred = this.mediaQuery === void 0 ? fallbackResolved : this.mediaQuery.matches ? "light" : "dark";
-    return {
-      light: preferred === "light",
-      dark: preferred === "dark",
-      preferred
-    };
-  }
-  static onPreferenceChange(callback) {
-    const query = this.mediaQuery;
-    if (!query) {
-      return;
-    }
-    const listener = (event) => {
-      if (event.type === "change") {
-        callback(this.getPreference());
-      }
-    };
-    query.addEventListener("change", listener);
-    return () => {
-      query.removeEventListener("change", listener);
-    };
-  }
-}
-
+import { isClientSide } from "./isClientSide.mjs";
+import { getTheme } from "./getTheme.mjs";
+//#region src/lib/theming/lib/ColorSchemeMediaQuery.ts
+var ColorSchemeMediaQuery = class {
+	static _mediaQuery;
+	static get mediaQuery() {
+		if (isClientSide()) {
+			if (!this._mediaQuery) this._mediaQuery = window.matchMedia("(prefers-color-scheme: light)");
+			return this._mediaQuery;
+		}
+	}
+	static getPreference() {
+		const fallback = getTheme();
+		const fallbackResolved = fallback === "system" ? "light" : fallback;
+		const preferred = this.mediaQuery === void 0 ? fallbackResolved : this.mediaQuery.matches ? "light" : "dark";
+		return {
+			light: preferred === "light",
+			dark: preferred === "dark",
+			preferred
+		};
+	}
+	static onPreferenceChange(callback) {
+		const query = this.mediaQuery;
+		if (!query) return;
+		const listener = (event) => {
+			if (event.type === "change") callback(this.getPreference());
+		};
+		query.addEventListener("change", listener);
+		return () => {
+			query.removeEventListener("change", listener);
+		};
+	}
+};
+//#endregion
 export { ColorSchemeMediaQuery };
-//# sourceMappingURL=ColorSchemeMediaQuery.mjs.map
+
+//# sourceMappingURL=ColorSchemeMediaQuery.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/ColorSchemeMediaQuery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeMediaQuery.mjs","sources":["../../../../../../../../src/lib/theming/lib/ColorSchemeMediaQuery.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { getTheme } from \"./getTheme\";\nimport { isClientSide } from \"./isClientSide\";\n\ninterface ColorSchemaPreference {\n  dark: boolean;\n  light: boolean;\n  preferred: ResolvedTheme;\n}\n\nexport class ColorSchemeMediaQuery {\n  private static _mediaQuery?: MediaQueryList;\n\n  public static get mediaQuery() {\n    if (isClientSide()) {\n      if (!this._mediaQuery) {\n        this._mediaQuery = window.matchMedia(\"(prefers-color-scheme: light)\");\n      }\n      return this._mediaQuery;\n    }\n  }\n\n  public static getPreference(): ColorSchemaPreference {\n    const fallback = getTheme();\n    const fallbackResolved = fallback === \"system\" ? \"light\" : fallback;\n\n    const preferred =\n      this.mediaQuery === undefined\n        ? fallbackResolved\n        : this.mediaQuery.matches\n          ? \"light\"\n          : \"dark\";\n\n    return {\n      light: preferred === \"light\",\n      dark: preferred === \"dark\",\n      preferred,\n    };\n  }\n\n  public static onPreferenceChange(\n    callback: (preferred: ColorSchemaPreference) => void,\n  ) {\n    const query = this.mediaQuery;\n    if (!query) {\n      return;\n    }\n\n    const listener = (event: MediaQueryListEvent) => {\n      if (event.type === \"change\") {\n        callback(this.getPreference());\n      }\n    };\n\n    query.addEventListener(\"change\", listener);\n\n    return () => {\n      query.removeEventListener(\"change\", listener);\n    };\n  }\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,qBAAA,CAAsB;AAAA,EACjC,OAAe,WAAA;AAAA,EAEf,WAAkB,UAAA,GAAa;AAC7B,IAAA,IAAI,cAAa,EAAG;AAClB,MAAA,IAAI,CAAC,KAAK,WAAA,EAAa;AACrB,QAAA,IAAA,CAAK,WAAA,GAAc,MAAA,CAAO,UAAA,CAAW,+BAA+B,CAAA;AAAA,MACtE;AACA,MAAA,OAAO,IAAA,CAAK,WAAA;AAAA,IACd;AAAA,EACF;AAAA,EAEA,OAAc,aAAA,GAAuC;AACnD,IAAA,MAAM,WAAW,QAAA,EAAS;AAC1B,IAAA,MAAM,gBAAA,GAAmB,QAAA,KAAa,QAAA,GAAW,OAAA,GAAU,QAAA;AAE3D,IAAA,MAAM,SAAA,GACJ,KAAK,UAAA,KAAe,MAAA,GAChB,mBACA,IAAA,CAAK,UAAA,CAAW,UACd,OAAA,GACA,MAAA;AAER,IAAA,OAAO;AAAA,MACL,OAAO,SAAA,KAAc,OAAA;AAAA,MACrB,MAAM,SAAA,KAAc,MAAA;AAAA,MACpB;AAAA,KACF;AAAA,EACF;AAAA,EAEA,OAAc,mBACZ,QAAA,EACA;AACA,IAAA,MAAM,QAAQ,IAAA,CAAK,UAAA;AACnB,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAA+B;AAC/C,MAAA,IAAI,KAAA,CAAM,SAAS,QAAA,EAAU;AAC3B,QAAA,QAAA,CAAS,IAAA,CAAK,eAAe,CAAA;AAAA,MAC/B;AAAA,IACF,CAAA;AAEA,IAAA,KAAA,CAAM,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAEzC,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAAA,IAC9C,CAAA;AAAA,EACF;AACF;;;;"}
+{"version":3,"file":"ColorSchemeMediaQuery.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/lib/ColorSchemeMediaQuery.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { getTheme } from \"./getTheme\";\nimport { isClientSide } from \"./isClientSide\";\n\ninterface ColorSchemaPreference {\n  dark: boolean;\n  light: boolean;\n  preferred: ResolvedTheme;\n}\n\nexport class ColorSchemeMediaQuery {\n  private static _mediaQuery?: MediaQueryList;\n\n  public static get mediaQuery() {\n    if (isClientSide()) {\n      if (!this._mediaQuery) {\n        this._mediaQuery = window.matchMedia(\"(prefers-color-scheme: light)\");\n      }\n      return this._mediaQuery;\n    }\n  }\n\n  public static getPreference(): ColorSchemaPreference {\n    const fallback = getTheme();\n    const fallbackResolved = fallback === \"system\" ? \"light\" : fallback;\n\n    const preferred =\n      this.mediaQuery === undefined\n        ? fallbackResolved\n        : this.mediaQuery.matches\n          ? \"light\"\n          : \"dark\";\n\n    return {\n      light: preferred === \"light\",\n      dark: preferred === \"dark\",\n      preferred,\n    };\n  }\n\n  public static onPreferenceChange(\n    callback: (preferred: ColorSchemaPreference) => void,\n  ) {\n    const query = this.mediaQuery;\n    if (!query) {\n      return;\n    }\n\n    const listener = (event: MediaQueryListEvent) => {\n      if (event.type === \"change\") {\n        callback(this.getPreference());\n      }\n    };\n\n    query.addEventListener(\"change\", listener);\n\n    return () => {\n      query.removeEventListener(\"change\", listener);\n    };\n  }\n}\n"],"mappings":";;;;;AAUA,IAAa,wBAAb,MAAmC;CACjC,OAAe;CAEf,WAAkB,aAAa;EAC7B,IAAI,aAAa,GAAG;GAClB,IAAI,CAAC,KAAK,aACR,KAAK,cAAc,OAAO,WAAW,+BAA+B;GAEtE,OAAO,KAAK;EACd;CACF;CAEA,OAAc,gBAAuC;EACnD,MAAM,WAAW,SAAS;EAC1B,MAAM,mBAAmB,aAAa,WAAW,UAAU;EAE3D,MAAM,YACJ,KAAK,eAAe,KAAA,IAChB,mBACA,KAAK,WAAW,UACd,UACA;EAER,OAAO;GACL,OAAO,cAAc;GACrB,MAAM,cAAc;GACpB;EACF;CACF;CAEA,OAAc,mBACZ,UACA;EACA,MAAM,QAAQ,KAAK;EACnB,IAAI,CAAC,OACH;EAGF,MAAM,YAAY,UAA+B;GAC/C,IAAI,MAAM,SAAS,UACjB,SAAS,KAAK,cAAc,CAAC;EAEjC;EAEA,MAAM,iBAAiB,UAAU,QAAQ;EAEzC,aAAa;GACX,MAAM,oBAAoB,UAAU,QAAQ;EAC9C;CACF;AACF"}

package/dist/js/packages/components/src/lib/theming/lib/getFallbackTheme.mjs

@@ -1,10 +1,11 @@
 "use client"
 /* */
-import { isClientSide } from './isClientSide.mjs';
-
-const getFallbackTheme = () => {
-  return isClientSide() ? "system" : "light";
+import { isClientSide } from "./isClientSide.mjs";
+//#region src/lib/theming/lib/getFallbackTheme.ts
+var getFallbackTheme = () => {
+	return isClientSide() ? "system" : "light";
 };
-
+//#endregion
 export { getFallbackTheme };
-//# sourceMappingURL=getFallbackTheme.mjs.map
+
+//# sourceMappingURL=getFallbackTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getFallbackTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getFallbackTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/getFallbackTheme.ts"],"sourcesContent":["import type { Theme } from \"../types\";\nimport { isClientSide } from \"./isClientSide\";\n\nexport const getFallbackTheme = (): Theme => {\n  return isClientSide() ? \"system\" : \"light\";\n};\n"],"names":[],"mappings":";;AAGO,MAAM,mBAAmB,MAAa;AAC3C,EAAA,OAAO,YAAA,KAAiB,QAAA,GAAW,OAAA;AACrC;;;;"}
+{"version":3,"file":"getFallbackTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/lib/getFallbackTheme.ts"],"sourcesContent":["import type { Theme } from \"../types\";\nimport { isClientSide } from \"./isClientSide\";\n\nexport const getFallbackTheme = (): Theme => {\n  return isClientSide() ? \"system\" : \"light\";\n};\n"],"mappings":";;;;AAGA,IAAa,yBAAgC;CAC3C,OAAO,aAAa,IAAI,WAAW;AACrC"}

package/dist/js/packages/components/src/lib/theming/lib/getResolvedTheme.mjs

@@ -1,11 +1,12 @@
 "use client"
 /* */
-import { getTheme } from './getTheme.mjs';
-import { resolveTheme } from './resolveTheme.mjs';
-
-const getResolvedTheme = () => {
-  return resolveTheme(getTheme());
+import { getTheme } from "./getTheme.mjs";
+import { resolveTheme } from "./resolveTheme.mjs";
+//#region src/lib/theming/lib/getResolvedTheme.ts
+var getResolvedTheme = () => {
+	return resolveTheme(getTheme());
 };
-
+//#endregion
 export { getResolvedTheme };
-//# sourceMappingURL=getResolvedTheme.mjs.map
+
+//# sourceMappingURL=getResolvedTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getResolvedTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getResolvedTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/getResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { getTheme } from \"./getTheme\";\nimport { resolveTheme } from \"./resolveTheme\";\n\nexport const getResolvedTheme = (): ResolvedTheme => {\n  return resolveTheme(getTheme());\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,MAAqB;AACnD,EAAA,OAAO,YAAA,CAAa,UAAU,CAAA;AAChC;;;;"}
+{"version":3,"file":"getResolvedTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/lib/getResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { getTheme } from \"./getTheme\";\nimport { resolveTheme } from \"./resolveTheme\";\n\nexport const getResolvedTheme = (): ResolvedTheme => {\n  return resolveTheme(getTheme());\n};\n"],"mappings":";;;;;AAIA,IAAa,yBAAwC;CACnD,OAAO,aAAa,SAAS,CAAC;AAChC"}

package/dist/js/packages/components/src/lib/theming/lib/getTheme.mjs

@@ -1,11 +1,12 @@
 "use client"
 /* */
-import { getFallbackTheme } from './getFallbackTheme.mjs';
-import { getThemeHtmlAttribute } from './getThemeHtmlAttribute.mjs';
-
-const getTheme = () => {
-  return getThemeHtmlAttribute() ?? getFallbackTheme();
+import { getFallbackTheme } from "./getFallbackTheme.mjs";
+import { getThemeHtmlAttribute } from "./getThemeHtmlAttribute.mjs";
+//#region src/lib/theming/lib/getTheme.ts
+var getTheme = () => {
+	return getThemeHtmlAttribute() ?? getFallbackTheme();
 };
-
+//#endregion
 export { getTheme };
-//# sourceMappingURL=getTheme.mjs.map
+
+//# sourceMappingURL=getTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/getTheme.ts"],"sourcesContent":["import type { Theme } from \"../types\";\nimport { getFallbackTheme } from \"./getFallbackTheme\";\nimport { getThemeHtmlAttribute } from \"./getThemeHtmlAttribute\";\n\nexport const getTheme = (): Theme => {\n  return getThemeHtmlAttribute() ?? getFallbackTheme();\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,MAAa;AACnC,EAAA,OAAO,qBAAA,MAA2B,gBAAA,EAAiB;AACrD;;;;"}
+{"version":3,"file":"getTheme.mjs","names":[],"sources":["../../../../../../../../src/lib/theming/lib/getTheme.ts"],"sourcesContent":["import type { Theme } from \"../types\";\nimport { getFallbackTheme } from \"./getFallbackTheme\";\nimport { getThemeHtmlAttribute } from \"./getThemeHtmlAttribute\";\n\nexport const getTheme = (): Theme => {\n  return getThemeHtmlAttribute() ?? getFallbackTheme();\n};\n"],"mappings":";;;;;AAIA,IAAa,iBAAwB;CACnC,OAAO,sBAAsB,KAAK,iBAAiB;AACrD"}