@contember/react-utils 1.2.6 → 1.3.0-alpha.3

package/dist/development/hooks/useWindowSize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.cjs","sources":["../../../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useOnWindowResize } from './useOnWindowResize'\n\nexport function useWindowSize() {\n  const [width, setWidth] = useState(window.innerWidth)\n  const [height, setHeight] = useState(window.innerHeight)\n\n  useOnWindowResize(() => {\n    const { innerHeight, innerWidth } = window\n    if (innerHeight !== height) {\n      setHeight(innerHeight)\n    }\n\n    if (innerWidth !== width) {\n      setWidth(innerWidth)\n    }\n  })\n\n  return useMemo(() => ({ height, width }), [height, width])\n}\n"],"names":["useState","useOnWindowResize","useMemo"],"mappings":";;;;AAGO,SAAS,gBAAgB;AAC9B,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,OAAO,UAAU;AACpD,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,OAAO,WAAW;AAEvDC,oBAAAA,kBAAkB,MAAM;AAChB,UAAA,EAAE,aAAa,WAAe,IAAA;AACpC,QAAI,gBAAgB,QAAQ;AAC1B,gBAAU,WAAW;AAAA,IACvB;AAEA,QAAI,eAAe,OAAO;AACxB,eAAS,UAAU;AAAA,IACrB;AAAA,EAAA,CACD;AAEM,SAAAC,MAAA,QAAQ,OAAO,EAAE,QAAQ,MAAU,IAAA,CAAC,QAAQ,KAAK,CAAC;AAC3D;;"}

package/dist/development/index.cjs

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createNonNullableContextFactory = require("./context/createNonNullableContextFactory.cjs");
+const createOptionalContextFactory = require("./context/createOptionalContextFactory.cjs");
+const Constants = require("./debug-context/Constants.cjs");
+const Context = require("./debug-context/Context.cjs");
+const unwrapRefValue = require("./hooks/unwrapRefValue.cjs");
+const useAbortController = require("./hooks/useAbortController.cjs");
+const useAddClassNameDuringResize = require("./hooks/useAddClassNameDuringResize.cjs");
+const useArrayMapMemo = require("./hooks/useArrayMapMemo.cjs");
+const useAutoHeightTextArea = require("./hooks/useAutoHeightTextArea.cjs");
+const useChildrenAsLabel = require("./hooks/useChildrenAsLabel.cjs");
+const useComposeRef = require("./hooks/useComposeRef.cjs");
+const useConstantLengthInvariant = require("./hooks/useConstantLengthInvariant.cjs");
+const useConstantValueInvariant = require("./hooks/useConstantValueInvariant.cjs");
+const useContainerWidth = require("./hooks/useContainerWidth.cjs");
+const useDebounce = require("./hooks/useDebounce.cjs");
+const useDebounceCallback = require("./hooks/useDebounceCallback.cjs");
+const useDocumentTitle = require("./hooks/useDocumentTitle.cjs");
+const useElementSize = require("./hooks/useElementSize.cjs");
+const useElementTopOffset = require("./hooks/useElementTopOffset.cjs");
+const useEventHandler = require("./hooks/useEventHandler.cjs");
+const useExpectSameValueReference = require("./hooks/useExpectSameValueReference.cjs");
+const useForceRender = require("./hooks/useForceRender.cjs");
+const useId = require("./hooks/useId.cjs");
+const useIsMounted = require("./hooks/useIsMounted.cjs");
+const useObjectMemo = require("./hooks/useObjectMemo.cjs");
+const useOnElementClickOutsideCallback = require("./hooks/useOnElementClickOutsideCallback.cjs");
+const useOnElementMouseEnterDelayedCallback = require("./hooks/useOnElementMouseEnterDelayedCallback.cjs");
+const useOnElementMutation = require("./hooks/useOnElementMutation.cjs");
+const useOnElementResize = require("./hooks/useOnElementResize.cjs");
+const useOnScrollWithin = require("./hooks/useOnScrollWithin.cjs");
+const useOnWindowResize = require("./hooks/useOnWindowResize.cjs");
+const usePreviousValue = require("./hooks/usePreviousValue.cjs");
+const useScrollOffsets = require("./hooks/useScrollOffsets.cjs");
+const useStoredState = require("./hooks/useStoredState.cjs");
+const useUpdatedRef = require("./hooks/useUpdatedRef.cjs");
+const useWindowSize = require("./hooks/useWindowSize.cjs");
+const emptyArray = require("./referentiallyStable/emptyArray.cjs");
+const emptyObject = require("./referentiallyStable/emptyObject.cjs");
+const identityFunction = require("./referentiallyStable/identityFunction.cjs");
+const noop = require("./referentiallyStable/noop.cjs");
+const returnFalse = require("./referentiallyStable/returnFalse.cjs");
+const returnTrue = require("./referentiallyStable/returnTrue.cjs");
+const useReferentiallyStableCallback = require("./referentiallyStable/useReferentiallyStableCallback.cjs");
+const ColorSchemeProvider = require("./theming/ColorSchemeProvider.cjs");
+const GlobalClassNamePrefixContext = require("./theming/GlobalClassNamePrefixContext.cjs");
+const contexts = require("./theming/contexts.cjs");
+const useClassName = require("./theming/useClassName.cjs");
+const useClassNameFactory = require("./theming/useClassNameFactory.cjs");
+const useThemedClassName = require("./theming/useThemedClassName.cjs");
+const useThemedClassNameFactory = require("./theming/useThemedClassNameFactory.cjs");
+exports.createNonNullableContextFactory = createNonNullableContextFactory.createNonNullableContextFactory;
+exports.createOptionalContextFactory = createOptionalContextFactory.createOptionalContextFactory;
+exports.isNoopScopedConsole = Constants.isNoopScopedConsole;
+exports.noopLog = Constants.noopLog;
+exports.noopLogged = Constants.noopLogged;
+exports.noopScopedConsole = Constants.noopScopedConsole;
+exports.DebugChildren = Context.DebugChildren;
+exports.ScopedConsoleContext = Context.ScopedConsoleContext;
+exports.useScopedConsoleRef = Context.useScopedConsoleRef;
+exports.unwrapRefValue = unwrapRefValue.unwrapRefValue;
+exports.useAbortController = useAbortController.useAbortController;
+exports.useAddClassNameDuringResize = useAddClassNameDuringResize.useAddClassNameDuringResize;
+exports.useArrayMapMemo = useArrayMapMemo.useArrayMapMemo;
+exports.useAutoHeightTextArea = useAutoHeightTextArea.useAutoHeightTextArea;
+exports.getChildrenAsLabel = useChildrenAsLabel.getChildrenAsLabel;
+exports.useChildrenAsLabel = useChildrenAsLabel.useChildrenAsLabel;
+exports.useComposeRef = useComposeRef.useComposeRef;
+exports.useConstantLengthInvariant = useConstantLengthInvariant.useConstantLengthInvariant;
+exports.useConstantValueInvariant = useConstantValueInvariant.useConstantValueInvariant;
+exports.ContainerWidthContext = useContainerWidth.ContainerWidthContext;
+exports.useContainerWidth = useContainerWidth.useContainerWidth;
+exports.useDebounce = useDebounce.useDebounce;
+exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
+exports.useDocumentTitle = useDocumentTitle.useDocumentTitle;
+exports.useElementSize = useElementSize.useElementSize;
+exports.useElementTopOffset = useElementTopOffset.useElementTopOffset;
+exports.useEventHandler = useEventHandler.useEventHandler;
+exports.useExpectSameValueReference = useExpectSameValueReference.useExpectSameValueReference;
+exports.useForceRender = useForceRender.useForceRender;
+exports.useId = useId.useId;
+exports.useIsMounted = useIsMounted.useIsMounted;
+exports.useObjectMemo = useObjectMemo.useObjectMemo;
+exports.useOnElementClickOutsideCallback = useOnElementClickOutsideCallback.useOnElementClickOutsideCallback;
+exports.useOnElementMouseEnterDelayedCallback = useOnElementMouseEnterDelayedCallback.useOnElementMouseEnterDelayedCallback;
+exports.useOnElementMutation = useOnElementMutation.useOnElementMutation;
+exports.useOnElementResize = useOnElementResize.useOnElementResize;
+exports.useOnScrollWithin = useOnScrollWithin.useOnScrollWithin;
+exports.useOnWindowResize = useOnWindowResize.useOnWindowResize;
+exports.usePreviousValue = usePreviousValue.usePreviousValue;
+exports.useScrollOffsets = useScrollOffsets.useScrollOffsets;
+exports.useSessionStorageState = useStoredState.useSessionStorageState;
+exports.useUpdatedRef = useUpdatedRef.useUpdatedRef;
+exports.useWindowSize = useWindowSize.useWindowSize;
+exports.emptyArray = emptyArray.emptyArray;
+exports.emptyObject = emptyObject.emptyObject;
+exports.identityFunction = identityFunction.identityFunction;
+exports.noop = noop.noop;
+exports.returnFalse = returnFalse.returnFalse;
+exports.returnTrue = returnTrue.returnTrue;
+exports.useReferentiallyStableCallback = useReferentiallyStableCallback.useReferentiallyStableCallback;
+exports.ColorSchemeProvider = ColorSchemeProvider.ColorSchemeProvider;
+exports.GlobalClassNamePrefixContext = GlobalClassNamePrefixContext.GlobalClassNamePrefixContext;
+exports.ColorSchemeContext = contexts.ColorSchemeContext;
+exports.DEFAULT_COLOR_SCHEME = contexts.DEFAULT_COLOR_SCHEME;
+exports.useColorScheme = contexts.useColorScheme;
+exports.useClassName = useClassName.useClassName;
+exports.useClassNameFactory = useClassNameFactory.useClassNameFactory;
+exports.useThemedClassName = useThemedClassName.useThemedClassName;
+exports.useThemedClassNameFactory = useThemedClassNameFactory.useThemedClassNameFactory;
+//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/referentiallyStable/emptyArray.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const emptyArray = Object.freeze([]);
+exports.emptyArray = emptyArray;
+//# sourceMappingURL=emptyArray.cjs.map

package/dist/development/referentiallyStable/emptyArray.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyArray.cjs","sources":["../../../src/referentiallyStable/emptyArray.ts"],"sourcesContent":["export const emptyArray = Object.freeze<any>([]) as any[]\n"],"names":[],"mappings":";;AAAO,MAAM,aAAa,OAAO,OAAY,CAAE,CAAA;;"}

package/dist/development/referentiallyStable/emptyObject.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const emptyObject = Object.freeze({});
+exports.emptyObject = emptyObject;
+//# sourceMappingURL=emptyObject.cjs.map

package/dist/development/referentiallyStable/emptyObject.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyObject.cjs","sources":["../../../src/referentiallyStable/emptyObject.ts"],"sourcesContent":["export const emptyObject = Object.freeze({})\n"],"names":[],"mappings":";;AAAO,MAAM,cAAc,OAAO,OAAO,CAAE,CAAA;;"}

package/dist/development/referentiallyStable/identityFunction.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const identityFunction = (value) => value;
+exports.identityFunction = identityFunction;
+//# sourceMappingURL=identityFunction.cjs.map

package/dist/development/referentiallyStable/identityFunction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"identityFunction.cjs","sources":["../../../src/referentiallyStable/identityFunction.ts"],"sourcesContent":["export const identityFunction = <Value>(value: Value) => value\n"],"names":[],"mappings":";;AAAa,MAAA,mBAAmB,CAAQ,UAAiB;;"}

package/dist/development/referentiallyStable/noop.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const noop = () => void 0;
+exports.noop = noop;
+//# sourceMappingURL=noop.cjs.map

package/dist/development/referentiallyStable/noop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"noop.cjs","sources":["../../../src/referentiallyStable/noop.ts"],"sourcesContent":["export const noop = () => undefined\n"],"names":[],"mappings":";;AAAO,MAAM,OAAO,MAAM;;"}

package/dist/development/referentiallyStable/returnFalse.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const returnFalse = () => false;
+exports.returnFalse = returnFalse;
+//# sourceMappingURL=returnFalse.cjs.map

package/dist/development/referentiallyStable/returnFalse.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"returnFalse.cjs","sources":["../../../src/referentiallyStable/returnFalse.ts"],"sourcesContent":["export const returnFalse = () => false\n"],"names":[],"mappings":";;AAAO,MAAM,cAAc,MAAM;;"}

package/dist/development/referentiallyStable/returnTrue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const returnTrue = () => true;
+exports.returnTrue = returnTrue;
+//# sourceMappingURL=returnTrue.cjs.map

package/dist/development/referentiallyStable/returnTrue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"returnTrue.cjs","sources":["../../../src/referentiallyStable/returnTrue.ts"],"sourcesContent":["export const returnTrue = () => true\n"],"names":[],"mappings":";;AAAO,MAAM,aAAa,MAAM;;"}

package/dist/development/referentiallyStable/useReferentiallyStableCallback.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const useReferentiallyStableCallback = (callback) => {
+  const ref = react.useRef(callback);
+  ref.current = callback;
+  return react.useCallback((...args) => {
+    return ref.current(...args);
+  }, []);
+};
+exports.useReferentiallyStableCallback = useReferentiallyStableCallback;
+//# sourceMappingURL=useReferentiallyStableCallback.cjs.map

package/dist/development/referentiallyStable/useReferentiallyStableCallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReferentiallyStableCallback.cjs","sources":["../../../src/referentiallyStable/useReferentiallyStableCallback.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\n// TODO: Should be possible to remove when React.useEvent() lands\nexport const useReferentiallyStableCallback = <T extends (...args: any[]) => any>(callback: T): T => {\n\tconst ref = useRef(callback)\n\tref.current = callback\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\treturn useCallback<T>(((...args: any[]) => {\n\t\treturn ref.current(...args)\n\t}) as T, [])\n}\n"],"names":["useRef","useCallback"],"mappings":";;;AAGa,MAAA,iCAAiC,CAAoC,aAAmB;AAC9F,QAAA,MAAMA,aAAO,QAAQ;AAC3B,MAAI,UAAU;AAEP,SAAAC,MAAA,YAAgB,IAAI,SAAgB;AACnC,WAAA,IAAI,QAAQ,GAAG,IAAI;AAAA,EAC3B,GAAS,CAAE,CAAA;AACZ;;"}

package/dist/development/theming/ColorSchemeProvider.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const react = require("react");
+const contexts = require("./contexts.cjs");
+const ColorSchemeProvider = react.memo(
+  ({ children, scheme }) => {
+    const inheritedColorScheme = contexts.useColorScheme();
+    return /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.ColorSchemeContext.Provider, { value: scheme ?? inheritedColorScheme, children }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-utils/src/theming/ColorSchemeProvider.tsx",
+      lineNumber: 15,
+      columnNumber: 4
+    }, globalThis);
+  }
+);
+ColorSchemeProvider.displayName = "Interface.ColorSchemeProvider";
+exports.ColorSchemeProvider = ColorSchemeProvider;
+//# sourceMappingURL=ColorSchemeProvider.cjs.map

package/dist/development/theming/ColorSchemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSchemeProvider.cjs","sources":["../../../src/theming/ColorSchemeProvider.tsx"],"sourcesContent":["import { KebabCase } from '@contember/utilities'\nimport { memo } from 'react'\nimport { ColorSchemeContext, useColorScheme } from './contexts'\n\nexport type ColorSchemeProviderProps<T extends KebabCase<string>> = {\n\tchildren: React.ReactNode\n\tscheme?: T\n}\n\nexport const ColorSchemeProvider = memo(\n\t<T extends KebabCase<string>>({ children, scheme }: ColorSchemeProviderProps<T>) => {\n\t\tconst inheritedColorScheme = useColorScheme()\n\n\t\treturn (\n\t\t\t<ColorSchemeContext.Provider value={scheme ?? inheritedColorScheme}>{children}</ColorSchemeContext.Provider>\n\t\t)\n\t},\n)\nColorSchemeProvider.displayName = 'Interface.ColorSchemeProvider'\n"],"names":["memo","useColorScheme","ColorSchemeContext","this"],"mappings":";;;;;AASO,MAAM,sBAAsBA,MAAA;AAAA,EAClC,CAA8B,EAAE,UAAU,aAA0C;AACnF,UAAM,uBAAuBC,SAAAA;AAE7B,gDACEC,SAAAA,mBAAmB,UAAnB,EAA4B,OAAO,UAAU,sBAAuB,SAArE,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAA8E,GAAAC,UAAA;AAAA,EAEhF;AACD;AACA,oBAAoB,cAAc;;"}

package/dist/development/theming/GlobalClassNamePrefixContext.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const GlobalClassNamePrefixContext = react.createContext("cui-");
+exports.GlobalClassNamePrefixContext = GlobalClassNamePrefixContext;
+//# sourceMappingURL=GlobalClassNamePrefixContext.cjs.map

package/dist/development/theming/GlobalClassNamePrefixContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalClassNamePrefixContext.cjs","sources":["../../../src/theming/GlobalClassNamePrefixContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport const GlobalClassNamePrefixContext = createContext<string>('cui-')\n"],"names":["createContext"],"mappings":";;;AAEa,MAAA,+BAA+BA,oBAAsB,MAAM;;"}

package/dist/development/theming/contexts.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createOptionalContextFactory = require("../context/createOptionalContextFactory.cjs");
+const DEFAULT_COLOR_SCHEME = "system";
+const [ColorSchemeContext, useColorScheme] = createOptionalContextFactory.createOptionalContextFactory(
+  "Interface.ColorScheme",
+  DEFAULT_COLOR_SCHEME
+);
+exports.ColorSchemeContext = ColorSchemeContext;
+exports.DEFAULT_COLOR_SCHEME = DEFAULT_COLOR_SCHEME;
+exports.useColorScheme = useColorScheme;
+//# sourceMappingURL=contexts.cjs.map

package/dist/development/theming/contexts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.cjs","sources":["../../../src/theming/contexts.ts"],"sourcesContent":["import { createOptionalContextFactory } from '../context'\n\nexport const DEFAULT_COLOR_SCHEME = 'system'\n\n\n/**\n * @group UI\n *\n * @description\n * Provides the current color scheme, possible values are `'light'`, `'dark'` or `'system'`.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme\n *\n */\nexport const [ColorSchemeContext, useColorScheme] = createOptionalContextFactory<string>(\n\t'Interface.ColorScheme',\n\tDEFAULT_COLOR_SCHEME,\n)\n"],"names":["createOptionalContextFactory"],"mappings":";;;AAEO,MAAM,uBAAuB;AAYvB,MAAA,CAAC,oBAAoB,cAAc,IAAIA,6BAAA;AAAA,EACnD;AAAA,EACA;AACD;;;;"}

package/dist/development/theming/useClassName.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utilities = require("@contember/utilities");
+const react = require("react");
+const GlobalClassNamePrefixContext = require("./GlobalClassNamePrefixContext.cjs");
+function useClassName(componentClassName, additionalClassName = null, prefixOverride) {
+  const contextPrefix = react.useContext(GlobalClassNamePrefixContext.GlobalClassNamePrefixContext);
+  const classNamePrefix = prefixOverride === null || prefixOverride === "" ? "" : prefixOverride || contextPrefix;
+  const componentClassNameList = utilities.flatClassNameList(componentClassName).map(
+    (componentClassName2) => `${classNamePrefix}${componentClassName2}`
+  );
+  return utilities.deduplicateClassName(componentClassNameList.concat(
+    utilities.flatClassNameList(additionalClassName)
+  )).join(" ");
+}
+exports.useClassName = useClassName;
+//# sourceMappingURL=useClassName.cjs.map

package/dist/development/theming/useClassName.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassName.cjs","sources":["../../../src/theming/useClassName.ts"],"sourcesContent":["import { NestedClassName, deduplicateClassName, flatClassNameList } from '@contember/utilities'\nimport { useContext } from 'react'\nimport { GlobalClassNamePrefixContext } from './GlobalClassNamePrefixContext'\n\n/**\n * Hook for component class name accepting outer class name\n *\n * @param componentClassName - Component class name\n * @param additionalClassName - Additional class name\n * @param prefixOverride - Context component prefix override\n * @returns Prefixed component class name.\n */\nexport function useClassName (\n\tcomponentClassName: NestedClassName,\n\tadditionalClassName: NestedClassName = null,\n\tprefixOverride?: string | null | undefined,\n) {\n\tconst contextPrefix = useContext(GlobalClassNamePrefixContext)\n\tconst classNamePrefix: string = prefixOverride === null || prefixOverride === '' ? '' : prefixOverride || contextPrefix\n\n\tconst componentClassNameList: string[] = flatClassNameList(componentClassName).map(\n\t\tcomponentClassName => `${classNamePrefix}${componentClassName}`,\n\t)\n\n\treturn deduplicateClassName(componentClassNameList.concat(\n\t\tflatClassNameList(additionalClassName),\n\t)).join(' ')\n}\n"],"names":["useContext","GlobalClassNamePrefixContext","flatClassNameList","componentClassName","deduplicateClassName"],"mappings":";;;;;AAYO,SAAS,aACf,oBACA,sBAAuC,MACvC,gBACC;AACK,QAAA,gBAAgBA,iBAAWC,6BAAAA,4BAA4B;AAC7D,QAAM,kBAA0B,mBAAmB,QAAQ,mBAAmB,KAAK,KAAK,kBAAkB;AAEpG,QAAA,yBAAmCC,UAAAA,kBAAkB,kBAAkB,EAAE;AAAA,IAC9E,CAAAC,wBAAsB,GAAG,kBAAkBA;AAAAA,EAAA;AAG5C,SAAOC,UAAAA,qBAAqB,uBAAuB;AAAA,IAClDF,UAAAA,kBAAkB,mBAAmB;AAAA,EAAA,CACrC,EAAE,KAAK,GAAG;AACZ;;"}

package/dist/development/theming/useClassNameFactory.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utilities = require("@contember/utilities");
+const react = require("react");
+const GlobalClassNamePrefixContext = require("./GlobalClassNamePrefixContext.cjs");
+const useReferentiallyStableCallback = require("../referentiallyStable/useReferentiallyStableCallback.cjs");
+function useClassNameFactory(componentClassName, glue = "-", prefixOverride) {
+  const contextPrefix = react.useContext(GlobalClassNamePrefixContext.GlobalClassNamePrefixContext);
+  const classNamePrefix = prefixOverride === null || prefixOverride === "" ? "" : prefixOverride || contextPrefix;
+  const componentClassNameList = utilities.flatClassNameList(componentClassName).map(
+    (componentClassName2) => `${classNamePrefix}${componentClassName2}`
+  );
+  function componentClassNameFor(suffix = null, additionalClassName = null) {
+    const classNameSuffix = suffix ?? "";
+    return utilities.deduplicateClassName((classNameSuffix ? classNameSuffix.match(/^[a-zA-Z0-9]/) ? componentClassNameList.map((componentClassName2) => `${componentClassName2}${glue}${classNameSuffix}`) : componentClassNameList.map((componentClassName2) => `${componentClassName2}${classNameSuffix}`) : componentClassNameList).concat(
+      utilities.flatClassNameList(additionalClassName)
+    )).join(" ");
+  }
+  return useReferentiallyStableCallback.useReferentiallyStableCallback(componentClassNameFor);
+}
+exports.useClassNameFactory = useClassNameFactory;
+//# sourceMappingURL=useClassNameFactory.cjs.map

package/dist/development/theming/useClassNameFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassNameFactory.cjs","sources":["../../../src/theming/useClassNameFactory.ts"],"sourcesContent":["import { NestedClassName, deduplicateClassName, flatClassNameList } from '@contember/utilities'\nimport { useContext } from 'react'\nimport { useReferentiallyStableCallback } from '../referentiallyStable'\nimport { GlobalClassNamePrefixContext } from './GlobalClassNamePrefixContext'\n\n/**\n * Hook for component class name accepting outer class name\n *\n * Returns a reusable function almost that is handy for components\n * with many sub-component parts that should inherit the root component\n * name.\n *\n * Also, product of the factory is a function that can be used outside of rules of hooks.\n *\n * @param componentClassName - Component class name\n * @param glue - String to use to glue component and sub-component suffix\n * @param prefixOverride - Context component prefix override\n * @returns\n */\nexport function useClassNameFactory(\n\tcomponentClassName: NestedClassName,\n\tglue: string | null = '-',\n\tprefixOverride?: string | null | undefined,\n) {\n\tconst contextPrefix = useContext(GlobalClassNamePrefixContext)\n\tconst classNamePrefix: string = prefixOverride === null || prefixOverride === '' ? '' : prefixOverride || contextPrefix\n\n\tconst componentClassNameList: string[] = flatClassNameList(componentClassName).map(\n\t\tcomponentClassName => `${classNamePrefix}${componentClassName}`,\n\t)\n\n\tfunction componentClassNameFor(\n\t\tsuffix: string | null | undefined = null,\n\t\tadditionalClassName: NestedClassName = null,\n\t): string {\n\t\tconst classNameSuffix: string = suffix ?? ''\n\n\t\treturn deduplicateClassName((classNameSuffix\n\t\t\t? (classNameSuffix.match(/^[a-zA-Z0-9]/)\n\t\t\t\t? componentClassNameList.map(componentClassName => `${componentClassName}${glue}${classNameSuffix}`)\n\t\t\t\t: componentClassNameList.map(componentClassName => `${componentClassName}${classNameSuffix}`)\n\t\t\t)\n\t\t\t: componentClassNameList\n\t\t).concat(\n\t\t\tflatClassNameList(additionalClassName),\n\t\t)).join(' ')\n\t}\n\n\treturn useReferentiallyStableCallback(componentClassNameFor)\n}\n"],"names":["useContext","GlobalClassNamePrefixContext","flatClassNameList","componentClassName","deduplicateClassName","useReferentiallyStableCallback"],"mappings":";;;;;;AAmBO,SAAS,oBACf,oBACA,OAAsB,KACtB,gBACC;AACK,QAAA,gBAAgBA,iBAAWC,6BAAAA,4BAA4B;AAC7D,QAAM,kBAA0B,mBAAmB,QAAQ,mBAAmB,KAAK,KAAK,kBAAkB;AAEpG,QAAA,yBAAmCC,UAAAA,kBAAkB,kBAAkB,EAAE;AAAA,IAC9E,CAAAC,wBAAsB,GAAG,kBAAkBA;AAAAA,EAAA;AAG5C,WAAS,sBACR,SAAoC,MACpC,sBAAuC,MAC9B;AACT,UAAM,kBAA0B,UAAU;AAEnC,WAAAC,UAAA,sBAAsB,kBACzB,gBAAgB,MAAM,cAAc,IACpC,uBAAuB,IAAI,CAAAD,wBAAsB,GAAGA,sBAAqB,OAAO,iBAAiB,IACjG,uBAAuB,IAAI,CAAAA,wBAAsB,GAAGA,sBAAqB,iBAAiB,IAE3F,wBACD;AAAA,MACDD,UAAAA,kBAAkB,mBAAmB;AAAA,IAAA,CACrC,EAAE,KAAK,GAAG;AAAA,EACZ;AAEA,SAAOG,+BAAAA,+BAA+B,qBAAqB;AAC5D;;"}

package/dist/development/theming/useThemedClassName.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utilities = require("@contember/utilities");
+const contexts = require("./contexts.cjs");
+const useClassName = require("./useClassName.cjs");
+function useThemedClassName(componentClassName, additionalClassName, prefixOverride) {
+  return useClassName.useClassName(
+    componentClassName,
+    utilities.filterThemedClassName(
+      additionalClassName,
+      utilities.colorSchemeClassName(contexts.useColorScheme())
+    ),
+    prefixOverride
+  );
+}
+exports.useThemedClassName = useThemedClassName;
+//# sourceMappingURL=useThemedClassName.cjs.map

package/dist/development/theming/useThemedClassName.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemedClassName.cjs","sources":["../../../src/theming/useThemedClassName.ts"],"sourcesContent":["import { NestedClassName, colorSchemeClassName, filterThemedClassName } from '@contember/utilities'\nimport { useColorScheme } from './contexts'\nimport { useClassName } from './useClassName'\n\n/**\n * Hook for component class name accepting outer class name with theme-* and scheme-* class manes\n *\n * It looks for theme CSS classes in the given class name, deduplicates them and returns final theme class name with scheme CSS class set\n * @internal\n *\n * @param componentClassName - Component class name\n * @param additionalClassName - Additional class name\n * @param prefixOverride - Context component prefix override\n * @returns string\n * @see useColorScheme\n *\n * @example\n * ```tsx\n * function Button({ className }: { className?: string | string[] }) {\n * \t const [contentThemeClassName, controlsThemeClassName] = useThemedClassName(className)\n *\n * \t return (\n * \t\t <div className={contentThemeClassName}>\n * \t\t\t <button className={controlsThemeClassName}>Click me</button>\n * \t\t </div>\n * \t )\n * }\n *\n * function App() {\n * \t return (\n * \t\t <Button className=\"theme-default theme-danger:hover\" />\n * \t )\n * }\n *\n * // renders:\n * // <div class=\"scheme-system theme-default-content theme-danger-content:hover\">\n * // \t<button class=\"scheme-system theme-default-controls theme-danger-controls:hover\">Click me</button>\n * // </div>\n * ```\n */\nexport function useThemedClassName(\n\tcomponentClassName: NestedClassName,\n\tadditionalClassName: NestedClassName,\n\tprefixOverride?: string | null | undefined,\n): string {\n\treturn useClassName(\n\t\tcomponentClassName,\n\t\tfilterThemedClassName(\n\t\t\tadditionalClassName,\n\t\t\tcolorSchemeClassName(useColorScheme()),\n\t\t),\n\t\tprefixOverride,\n\t)\n}\n"],"names":["useClassName","filterThemedClassName","colorSchemeClassName","useColorScheme"],"mappings":";;;;;AAwCgB,SAAA,mBACf,oBACA,qBACA,gBACS;AACF,SAAAA,aAAA;AAAA,IACN;AAAA,IACAC,UAAA;AAAA,MACC;AAAA,MACAC,UAAA,qBAAqBC,yBAAgB;AAAA,IACtC;AAAA,IACA;AAAA,EAAA;AAEF;;"}

package/dist/development/theming/useThemedClassNameFactory.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utilities = require("@contember/utilities");
+const react = require("react");
+const GlobalClassNamePrefixContext = require("./GlobalClassNamePrefixContext.cjs");
+const contexts = require("./contexts.cjs");
+const useReferentiallyStableCallback = require("../referentiallyStable/useReferentiallyStableCallback.cjs");
+function useThemedClassNameFactory(componentClassName, glue = "-", prefixOverride) {
+  const contextPrefix = react.useContext(GlobalClassNamePrefixContext.GlobalClassNamePrefixContext);
+  const classNamePrefix = prefixOverride === null || prefixOverride === "" ? "" : prefixOverride || contextPrefix;
+  const componentClassNameList = utilities.flatClassNameList(componentClassName).map(
+    (componentClassName2) => `${classNamePrefix}${componentClassName2}`
+  );
+  const colorScheme = utilities.colorSchemeClassName(contexts.useColorScheme());
+  function componentClassNameFor(suffix = null, additionalClassName = null) {
+    const classNameSuffix = suffix ?? "";
+    return utilities.deduplicateClassName((classNameSuffix ? classNameSuffix.match(/^[a-zA-Z0-9]/) ? componentClassNameList.map((componentClassName2) => `${componentClassName2}${glue}${classNameSuffix}`) : componentClassNameList.map((componentClassName2) => `${componentClassName2}${classNameSuffix}`) : componentClassNameList).concat(
+      utilities.flatClassNameList(
+        utilities.filterThemedClassName(
+          additionalClassName,
+          colorScheme
+        )
+      )
+    )).join(" ");
+  }
+  return useReferentiallyStableCallback.useReferentiallyStableCallback(componentClassNameFor);
+}
+exports.useThemedClassNameFactory = useThemedClassNameFactory;
+//# sourceMappingURL=useThemedClassNameFactory.cjs.map

package/dist/development/theming/useThemedClassNameFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemedClassNameFactory.cjs","sources":["../../../src/theming/useThemedClassNameFactory.ts"],"sourcesContent":["import { NestedClassName, colorSchemeClassName, deduplicateClassName, filterThemedClassName, flatClassNameList } from '@contember/utilities'\nimport { useContext } from 'react'\nimport { useReferentiallyStableCallback } from '../referentiallyStable'\nimport { GlobalClassNamePrefixContext } from './GlobalClassNamePrefixContext'\nimport { useColorScheme } from './contexts'\n\nexport function useThemedClassNameFactory(\n\tcomponentClassName: NestedClassName,\n\tglue: string | null = '-',\n\tprefixOverride?: string | null | undefined,\n) {\n\tconst contextPrefix = useContext(GlobalClassNamePrefixContext)\n\tconst classNamePrefix: string = prefixOverride === null || prefixOverride === '' ? '' : prefixOverride || contextPrefix\n\n\tconst componentClassNameList: string[] = flatClassNameList(componentClassName).map(\n\t\tcomponentClassName => `${classNamePrefix}${componentClassName}`,\n\t)\n\n\tconst colorScheme = colorSchemeClassName(useColorScheme())\n\n\tfunction componentClassNameFor(\n\t\tsuffix: string | null | undefined = null,\n\t\tadditionalClassName: NestedClassName = null,\n\t): string {\n\t\tconst classNameSuffix: string = suffix ?? ''\n\n\t\treturn deduplicateClassName((classNameSuffix\n\t\t\t? (classNameSuffix.match(/^[a-zA-Z0-9]/)\n\t\t\t\t? componentClassNameList.map(componentClassName => `${componentClassName}${glue}${classNameSuffix}`)\n\t\t\t\t: componentClassNameList.map(componentClassName => `${componentClassName}${classNameSuffix}`)\n\t\t\t)\n\t\t\t: componentClassNameList\n\t\t).concat(\n\t\t\tflatClassNameList(\n\t\t\t\tfilterThemedClassName(\n\t\t\t\t\tadditionalClassName,\n\t\t\t\t\tcolorScheme,\n\t\t\t\t),\n\t\t\t),\n\t\t)).join(' ')\n\t}\n\n\treturn useReferentiallyStableCallback(componentClassNameFor)\n}\n"],"names":["useContext","GlobalClassNamePrefixContext","flatClassNameList","componentClassName","colorSchemeClassName","useColorScheme","deduplicateClassName","filterThemedClassName","useReferentiallyStableCallback"],"mappings":";;;;;;;AAMO,SAAS,0BACf,oBACA,OAAsB,KACtB,gBACC;AACK,QAAA,gBAAgBA,iBAAWC,6BAAAA,4BAA4B;AAC7D,QAAM,kBAA0B,mBAAmB,QAAQ,mBAAmB,KAAK,KAAK,kBAAkB;AAEpG,QAAA,yBAAmCC,UAAAA,kBAAkB,kBAAkB,EAAE;AAAA,IAC9E,CAAAC,wBAAsB,GAAG,kBAAkBA;AAAAA,EAAA;AAGtC,QAAA,cAAcC,UAAAA,qBAAqBC,SAAA,eAAA,CAAgB;AAEzD,WAAS,sBACR,SAAoC,MACpC,sBAAuC,MAC9B;AACT,UAAM,kBAA0B,UAAU;AAEnC,WAAAC,UAAA,sBAAsB,kBACzB,gBAAgB,MAAM,cAAc,IACpC,uBAAuB,IAAI,CAAAH,wBAAsB,GAAGA,sBAAqB,OAAO,iBAAiB,IACjG,uBAAuB,IAAI,CAAAA,wBAAsB,GAAGA,sBAAqB,iBAAiB,IAE3F,wBACD;AAAA,MACDD,UAAA;AAAA,QACCK,UAAA;AAAA,UACC;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IAAA,CACA,EAAE,KAAK,GAAG;AAAA,EACZ;AAEA,SAAOC,+BAAAA,+BAA+B,qBAAqB;AAC5D;;"}

package/dist/production/context/createNonNullableContextFactory.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function createNonNullableContextFactory(displayName, initialValue) {
+  const RequiredContext = react.createContext(initialValue ?? null);
+  RequiredContext.displayName = displayName;
+  const useRequiredContext = () => {
+    const context = react.useContext(RequiredContext);
+    if (context == null) {
+      throw new Error(`use${displayName} must be used within a ${displayName} provider`);
+    }
+    return context;
+  };
+  return [RequiredContext, useRequiredContext];
+}
+exports.createNonNullableContextFactory = createNonNullableContextFactory;
+//# sourceMappingURL=createNonNullableContextFactory.cjs.map

package/dist/production/context/createNonNullableContextFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNonNullableContextFactory.cjs","sources":["../../../src/context/createNonNullableContextFactory.ts"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, useContext } from 'react'\n\nexport function createNonNullableContextFactory<T>(displayName: string, initialValue?: T): [Context<T>, () => NonNullable<T>] {\n  const RequiredContext = createContext<T>((initialValue ?? null)!)\n  RequiredContext.displayName = displayName\n\n  const useRequiredContext = () => {\n    const context = useContext(RequiredContext)\n\n    if (context == null) {\n      throw new Error(`use${displayName} must be used within a ${displayName} provider`)\n    }\n\n    return context\n  }\n\n  return [RequiredContext, useRequiredContext]\n}\n"],"names":["createContext","useContext"],"mappings":";;;AAGgB,SAAA,gCAAmC,aAAqB,cAAsD;AACtH,QAAA,kBAAkBA,MAAAA,cAAkB,gBAAgB,IAAM;AAChE,kBAAgB,cAAc;AAE9B,QAAM,qBAAqB,MAAM;AACzB,UAAA,UAAUC,iBAAW,eAAe;AAE1C,QAAI,WAAW,MAAM;AACnB,YAAM,IAAI,MAAM,MAAM,qCAAqC,sBAAsB;AAAA,IACnF;AAEO,WAAA;AAAA,EAAA;AAGF,SAAA,CAAC,iBAAiB,kBAAkB;AAC7C;;"}

package/dist/production/context/createOptionalContextFactory.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function createOptionalContextFactory(name, initialValue) {
+  const OptionalContext = react.createContext(initialValue);
+  OptionalContext.displayName = name;
+  const useOptionalContext = () => {
+    return react.useContext(OptionalContext) ?? initialValue;
+  };
+  return [OptionalContext, useOptionalContext];
+}
+exports.createOptionalContextFactory = createOptionalContextFactory;
+//# sourceMappingURL=createOptionalContextFactory.cjs.map

package/dist/production/context/createOptionalContextFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOptionalContextFactory.cjs","sources":["../../../src/context/createOptionalContextFactory.ts"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, useContext } from 'react'\n\nexport function createOptionalContextFactory<T>(name: string, initialValue: T): [Context<T>, () => T] {\n  const OptionalContext = createContext<T>(initialValue)\n  OptionalContext.displayName = name\n\n  const useOptionalContext = () => {\n    return useContext(OptionalContext) ?? initialValue\n  }\n\n  return [OptionalContext, useOptionalContext]\n}\n"],"names":["createContext","useContext"],"mappings":";;;AAGgB,SAAA,6BAAgC,MAAc,cAAwC;AAC9F,QAAA,kBAAkBA,oBAAiB,YAAY;AACrD,kBAAgB,cAAc;AAE9B,QAAM,qBAAqB,MAAM;AACxB,WAAAC,MAAA,WAAW,eAAe,KAAK;AAAA,EAAA;AAGjC,SAAA,CAAC,iBAAiB,kBAAkB;AAC7C;;"}

package/dist/production/debug-context/Constants.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function noopLog(...parameters) {
+}
+function noopLogged(message, value) {
+  return value;
+}
+const noopScopedConsole = Object.freeze({
+  log: noopLog,
+  logged: noopLogged,
+  warn: noopLog,
+  warned: noopLogged,
+  error: noopLog,
+  errored: noopLogged,
+  trace: noopLog,
+  traced: noopLogged
+});
+function isNoopScopedConsole(value) {
+  return value === noopScopedConsole;
+}
+exports.isNoopScopedConsole = isNoopScopedConsole;
+exports.noopLog = noopLog;
+exports.noopLogged = noopLogged;
+exports.noopScopedConsole = noopScopedConsole;
+//# sourceMappingURL=Constants.cjs.map

package/dist/production/debug-context/Constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constants.cjs","sources":["../../../src/debug-context/Constants.ts"],"sourcesContent":["import type { ScopedConsoleContextType } from './Types'\n\nexport function noopLog(...parameters: any[]) { }\n\nexport function noopLogged<T>(message: string, value: T): T {\n\treturn value\n}\n\nexport const noopScopedConsole: ScopedConsoleContextType = Object.freeze({\n\tlog: noopLog,\n\tlogged: noopLogged,\n\twarn: noopLog,\n\twarned: noopLogged,\n\terror: noopLog,\n\terrored: noopLogged,\n\ttrace: noopLog,\n\ttraced: noopLogged,\n})\n\nexport function isNoopScopedConsole(value: unknown): boolean {\n\treturn value === noopScopedConsole\n}\n"],"names":[],"mappings":";;AAEO,SAAS,WAAW,YAAmB;AAAE;AAEhC,SAAA,WAAc,SAAiB,OAAa;AACpD,SAAA;AACR;AAEa,MAAA,oBAA8C,OAAO,OAAO;AAAA,EACxE,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACT,CAAC;AAEM,SAAS,oBAAoB,OAAyB;AAC5D,SAAO,UAAU;AAClB;;;;;"}

package/dist/production/debug-context/Context.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utilities = require("@contember/utilities");
+const react = require("react");
+const Constants = require("./Constants.cjs");
+function createPrefixedConsole(message, prefixedConsole) {
+  return {
+    error: function error(...parameters) {
+      (prefixedConsole ?? console).error(message, ...parameters);
+    },
+    errored: function errored(message2, value) {
+      (prefixedConsole ?? console).error(message2, value);
+      return value;
+    },
+    log: function log(...parameters) {
+      (prefixedConsole ?? console).log(message, ...parameters);
+    },
+    logged: function logged(message2, value) {
+      (prefixedConsole ?? console).log(message2, value);
+      return value;
+    },
+    trace: function trace(...parameters) {
+      (prefixedConsole ?? console).trace(message, ...parameters);
+    },
+    traced: function traced(message2, value) {
+      (prefixedConsole ?? console).trace(message2, value);
+      return value;
+    },
+    warn: function warn(...parameters) {
+      (prefixedConsole ?? console).warn(message, ...parameters);
+    },
+    warned: function warned(message2, value) {
+      (prefixedConsole ?? console).warn(message2, value);
+      return value;
+    }
+  };
+}
+const ScopedConsoleContext = react.createContext(null);
+ScopedConsoleContext.displayName = "ScopedConsoleContext";
+function parentScopedConsoleOrNone(parentConsole) {
+  return Constants.isNoopScopedConsole(parentConsole) ? void 0 : parentConsole;
+}
+const useScopedConsoleRef = (prefix, override) => {
+  utilities.assert("prefix is non-empty string", prefix, utilities.isNonEmptyString);
+  const parentConsole = parentScopedConsoleOrNone(react.useContext(ScopedConsoleContext));
+  const scopedConsole = react.useMemo(() => {
+    if (override !== false && (parentConsole || override)) {
+      return createPrefixedConsole(prefix, parentConsole);
+    } else {
+      return Constants.noopScopedConsole;
+    }
+  }, [override, parentConsole, prefix]);
+  const ref = react.useRef(scopedConsole);
+  ref.current = scopedConsole;
+  return ref;
+};
+const DebugChildren = react.memo(({ active = true, children, id }) => {
+  const parentScopedConsole = parentScopedConsoleOrNone(react.useContext(ScopedConsoleContext));
+  const console2 = active && id ? createPrefixedConsole(id, parentScopedConsole) : Constants.noopScopedConsole;
+  return /* @__PURE__ */ jsxRuntime.jsx(ScopedConsoleContext.Provider, { value: active ? console2 : Constants.noopScopedConsole, children });
+});
+DebugChildren.displayName = "DebugChildren";
+exports.DebugChildren = DebugChildren;
+exports.ScopedConsoleContext = ScopedConsoleContext;
+exports.useScopedConsoleRef = useScopedConsoleRef;
+//# sourceMappingURL=Context.cjs.map

package/dist/production/debug-context/Context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.cjs","sources":["../../../src/debug-context/Context.tsx"],"sourcesContent":["import { assert, isNonEmptyString } from '@contember/utilities'\nimport { ReactNode, createContext, memo, useContext, useMemo, useRef } from 'react'\nimport { isNoopScopedConsole, noopScopedConsole } from './Constants'\nimport { ScopedConsoleContextType } from './Types'\n\nfunction createPrefixedConsole(message: string, prefixedConsole?: ScopedConsoleContextType): ScopedConsoleContextType {\n\treturn {\n\t\terror: function error(...parameters: any[]) {\n\t\t\t(prefixedConsole ?? console).error(message, ...parameters)\n\t\t},\n\t\terrored: function errored<T>(message: string, value: T): T {\n\t\t\t(prefixedConsole ?? console).error(message, value)\n\t\t\treturn value\n\t\t},\n\t\tlog: function log(...parameters: any[]) {\n\t\t\t(prefixedConsole ?? console).log(message, ...parameters)\n\t\t},\n\t\tlogged: function logged<T>(message: string, value: T): T {\n\t\t\t(prefixedConsole ?? console).log(message, value)\n\t\t\treturn value\n\t\t},\n\t\ttrace: function trace(...parameters: any[]) {\n\t\t\t(prefixedConsole ?? console).trace(message, ...parameters)\n\t\t},\n\t\ttraced: function traced<T>(message: string, value: T): T {\n\t\t\t(prefixedConsole ?? console).trace(message, value)\n\t\t\treturn value\n\t\t},\n\t\twarn: function warn(...parameters: any[]) {\n\t\t\t(prefixedConsole ?? console).warn(message, ...parameters)\n\t\t},\n\t\twarned: function warned<T>(message: string, value: T): T {\n\t\t\t(prefixedConsole ?? console).warn(message, value)\n\t\t\treturn value\n\t\t},\n\t}\n}\n\nexport const ScopedConsoleContext = createContext<ScopedConsoleContextType>(null!)\nScopedConsoleContext.displayName = 'ScopedConsoleContext'\n\nfunction parentScopedConsoleOrNone(parentConsole: ScopedConsoleContextType): ScopedConsoleContextType | undefined {\n\treturn isNoopScopedConsole(parentConsole) ? undefined : parentConsole\n}\n\nexport const useScopedConsoleRef = (prefix: string, override?: boolean) => {\n\tassert('prefix is non-empty string', prefix, isNonEmptyString)\n\n\tconst parentConsole = parentScopedConsoleOrNone(useContext(ScopedConsoleContext))\n\n\tconst scopedConsole = useMemo(() => {\n\t\tif (override !== false && (parentConsole || override)) {\n\t\t\treturn createPrefixedConsole(prefix, parentConsole)\n\t\t} else {\n\t\t\treturn noopScopedConsole\n\t\t}\n\t}, [override, parentConsole, prefix])\n\n\tconst ref = useRef(scopedConsole)\n\tref.current = scopedConsole\n\n\treturn ref\n}\n\nexport type DebugChildrenProps =\n\t| { active?: true; children: ReactNode; id: string }\n\t| { active?: false; children: ReactNode; id?: string }\n\nexport const DebugChildren = memo<DebugChildrenProps>(({ active = true, children, id }) => {\n\tconst parentScopedConsole = parentScopedConsoleOrNone(useContext(ScopedConsoleContext))\n\n\tconst console = active && id\n\t\t? createPrefixedConsole(id, parentScopedConsole)\n\t\t: noopScopedConsole\n\n\treturn (\n\t\t<ScopedConsoleContext.Provider value={active ? console : noopScopedConsole}>\n\t\t\t{children}\n\t\t</ScopedConsoleContext.Provider>\n\t)\n})\nDebugChildren.displayName = 'DebugChildren'\n"],"names":["message","createContext","isNoopScopedConsole","assert","isNonEmptyString","useContext","useMemo","noopScopedConsole","useRef","memo","console","jsx"],"mappings":";;;;;;AAKA,SAAS,sBAAsB,SAAiB,iBAAsE;AAC9G,SAAA;AAAA,IACN,OAAO,SAAS,SAAS,YAAmB;AAC3C,OAAC,mBAAmB,SAAS,MAAM,SAAS,GAAG,UAAU;AAAA,IAC1D;AAAA,IACA,SAAS,SAAS,QAAWA,UAAiB,OAAa;AAC1D,OAAC,mBAAmB,SAAS,MAAMA,UAAS,KAAK;AAC1C,aAAA;AAAA,IACR;AAAA,IACA,KAAK,SAAS,OAAO,YAAmB;AACvC,OAAC,mBAAmB,SAAS,IAAI,SAAS,GAAG,UAAU;AAAA,IACxD;AAAA,IACA,QAAQ,SAAS,OAAUA,UAAiB,OAAa;AACxD,OAAC,mBAAmB,SAAS,IAAIA,UAAS,KAAK;AACxC,aAAA;AAAA,IACR;AAAA,IACA,OAAO,SAAS,SAAS,YAAmB;AAC3C,OAAC,mBAAmB,SAAS,MAAM,SAAS,GAAG,UAAU;AAAA,IAC1D;AAAA,IACA,QAAQ,SAAS,OAAUA,UAAiB,OAAa;AACxD,OAAC,mBAAmB,SAAS,MAAMA,UAAS,KAAK;AAC1C,aAAA;AAAA,IACR;AAAA,IACA,MAAM,SAAS,QAAQ,YAAmB;AACzC,OAAC,mBAAmB,SAAS,KAAK,SAAS,GAAG,UAAU;AAAA,IACzD;AAAA,IACA,QAAQ,SAAS,OAAUA,UAAiB,OAAa;AACxD,OAAC,mBAAmB,SAAS,KAAKA,UAAS,KAAK;AACzC,aAAA;AAAA,IACR;AAAA,EAAA;AAEF;AAEa,MAAA,uBAAuBC,oBAAwC,IAAK;AACjF,qBAAqB,cAAc;AAEnC,SAAS,0BAA0B,eAA+E;AAC1G,SAAAC,UAAA,oBAAoB,aAAa,IAAI,SAAY;AACzD;AAEa,MAAA,sBAAsB,CAAC,QAAgB,aAAuB;AACnEC,YAAAA,OAAA,8BAA8B,QAAQC,UAAAA,gBAAgB;AAE7D,QAAM,gBAAgB,0BAA0BC,iBAAW,oBAAoB,CAAC;AAE1E,QAAA,gBAAgBC,MAAAA,QAAQ,MAAM;AAC/B,QAAA,aAAa,UAAU,iBAAiB,WAAW;AAC/C,aAAA,sBAAsB,QAAQ,aAAa;AAAA,IAAA,OAC5C;AACC,aAAAC;IACR;AAAA,EACE,GAAA,CAAC,UAAU,eAAe,MAAM,CAAC;AAE9B,QAAA,MAAMC,aAAO,aAAa;AAChC,MAAI,UAAU;AAEP,SAAA;AACR;AAMa,MAAA,gBAAgBC,WAAyB,CAAC,EAAE,SAAS,MAAM,UAAU,SAAS;AAC1F,QAAM,sBAAsB,0BAA0BJ,iBAAW,oBAAoB,CAAC;AAEtF,QAAMK,WAAU,UAAU,KACvB,sBAAsB,IAAI,mBAAmB,IAC7CH;AAGF,SAAAI,2BAAA,IAAC,qBAAqB,UAArB,EAA8B,OAAO,SAASD,WAAUH,UAAAA,mBACvD,SACF,CAAA;AAEF,CAAC;AACD,cAAc,cAAc;;;;"}

package/dist/production/hooks/unwrapRefValue.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function unwrapRefValue(value) {
+  if (value && typeof value === "object" && "current" in value) {
+    return value.current;
+  } else {
+    return value;
+  }
+}
+exports.unwrapRefValue = unwrapRefValue;
+//# sourceMappingURL=unwrapRefValue.cjs.map

package/dist/production/hooks/unwrapRefValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unwrapRefValue.cjs","sources":["../../../src/hooks/unwrapRefValue.ts"],"sourcesContent":["import { RefObject } from 'react'\n\nexport type RefObjectOrElement<T> = T | RefObject<T>\n\n/**\n * Unwraps a ref object or returns the value if it is not a ref object.\n * @param value - Value to unwrap\n * @returns Unwrapped value\n */\nexport function unwrapRefValue<T>(value: RefObjectOrElement<T>): T | null {\n\tif (value && typeof value === 'object' && 'current' in value) {\n\t\treturn value.current\n\t} else {\n\t\treturn value\n\t}\n}\n"],"names":[],"mappings":";;AASO,SAAS,eAAkB,OAAwC;AACzE,MAAI,SAAS,OAAO,UAAU,YAAY,aAAa,OAAO;AAC7D,WAAO,MAAM;AAAA,EAAA,OACP;AACC,WAAA;AAAA,EACR;AACD;;"}

package/dist/production/hooks/useAbortController.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const useAbortController = () => {
+  const lastAbortControllerRef = react.useRef(void 0);
+  react.useEffect(() => () => {
+    lastAbortControllerRef.current?.abort();
+  }, []);
+  return react.useCallback(() => {
+    lastAbortControllerRef.current?.abort();
+    const newController = new AbortController();
+    lastAbortControllerRef.current = newController;
+    return newController.signal;
+  }, []);
+};
+exports.useAbortController = useAbortController;
+//# sourceMappingURL=useAbortController.cjs.map

package/dist/production/hooks/useAbortController.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAbortController.cjs","sources":["../../../src/hooks/useAbortController.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport const useAbortController = () => {\n\tconst lastAbortControllerRef = useRef<AbortController | undefined>(undefined)\n\tuseEffect(() => () => {\n\t\tlastAbortControllerRef.current?.abort()\n\t}, [])\n\treturn useCallback((): AbortSignal => {\n\t\tlastAbortControllerRef.current?.abort()\n\n\t\tconst newController = new AbortController()\n\t\tlastAbortControllerRef.current = newController\n\t\treturn newController.signal\n\t}, [])\n}\n"],"names":["useRef","useEffect","useCallback"],"mappings":";;;AAEO,MAAM,qBAAqB,MAAM;AACjC,QAAA,yBAAyBA,MAAAA,OAAoC,MAAS;AAC5EC,QAAAA,UAAU,MAAM,MAAM;AACrB,2BAAuB,SAAS;EACjC,GAAG,CAAE,CAAA;AACL,SAAOC,kBAAY,MAAmB;AACrC,2BAAuB,SAAS;AAE1B,UAAA,gBAAgB,IAAI;AAC1B,2BAAuB,UAAU;AACjC,WAAO,cAAc;AAAA,EACtB,GAAG,CAAE,CAAA;AACN;;"}