@itwin/itwinui-react 3.0.0-dev.0 → 3.0.0-dev.10

package/esm/core/utils/hooks/useMediaQuery.js

@@ -6,32 +6,28 @@ import * as React from 'react';
 import { getWindow } from '../functions/index.js';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 export const useMediaQuery = (queryString) => {
-    const [matches, setMatches] = React.useState();
-    useIsomorphicLayoutEffect(() => {
-        var _a, _b, _c;
-        const mediaQueryList = (_b = (_a = getWindow()) === null || _a === void 0 ? void 0 : _a.matchMedia) === null || _b === void 0 ? void 0 : _b.call(_a, queryString);
-        const handleChange = ({ matches }) => setMatches(matches);
-        if (mediaQueryList != undefined) {
-            setMatches(mediaQueryList.matches);
-            try {
-                mediaQueryList.addEventListener('change', handleChange);
-            }
-            catch (_d) {
-                // Safari 13 fallback
-                (_c = mediaQueryList.addListener) === null || _c === void 0 ? void 0 : _c.call(mediaQueryList, handleChange);
-            }
-        }
-        return () => {
-            var _a;
-            try {
-                mediaQueryList === null || mediaQueryList === void 0 ? void 0 : mediaQueryList.removeEventListener('change', handleChange);
-            }
-            catch (_b) {
-                // Safari 13 fallback
-                (_a = mediaQueryList === null || mediaQueryList === void 0 ? void 0 : mediaQueryList.removeListener) === null || _a === void 0 ? void 0 : _a.call(mediaQueryList, handleChange);
-            }
-        };
-    }, [queryString]);
-    return !!matches;
+  const [matches, setMatches] = React.useState();
+  useIsomorphicLayoutEffect(() => {
+    const mediaQueryList = getWindow()?.matchMedia?.(queryString);
+    const handleChange = ({ matches }) => setMatches(matches);
+    if (mediaQueryList != undefined) {
+      setMatches(mediaQueryList.matches);
+      try {
+        mediaQueryList.addEventListener('change', handleChange);
+      } catch {
+        // Safari 13 fallback
+        mediaQueryList.addListener?.(handleChange);
+      }
+    }
+    return () => {
+      try {
+        mediaQueryList?.removeEventListener('change', handleChange);
+      } catch {
+        // Safari 13 fallback
+        mediaQueryList?.removeListener?.(handleChange);
+      }
+    };
+  }, [queryString]);
+  return !!matches;
 };
 export default useMediaQuery;

package/esm/core/utils/hooks/useMergedRefs.js

@@ -7,21 +7,20 @@ import * as React from 'react';
  * Function that merges the provided refs into one.
  */
 export const mergeRefs = (...refs) => {
-    return (instance) => {
-        refs.forEach((ref) => {
-            if (typeof ref === 'function') {
-                ref(instance);
-            }
-            else if (ref) {
-                ref.current = instance;
-            }
-        });
-    };
+  return (instance) => {
+    refs.forEach((ref) => {
+      if (typeof ref === 'function') {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
+    });
+  };
 };
 /**
  * Returns a ref callback that merges the provided refs using `mergeRefs`.
  */
 export const useMergedRefs = (...refs) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return React.useCallback(mergeRefs(...refs), [...refs]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return React.useCallback(mergeRefs(...refs), [...refs]);
 };

package/esm/core/utils/hooks/useOverflow.js

@@ -29,55 +29,66 @@ const STARTING_MAX_ITEMS_COUNT = 20;
  *   </div>
  * );
  */
-export const useOverflow = (items, disabled = false, orientation = 'horizontal') => {
-    const containerRef = React.useRef(null);
-    const [visibleCount, setVisibleCount] = React.useState(() => disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
-    const needsFullRerender = React.useRef(true);
-    const [containerSize, setContainerSize] = React.useState(0);
-    const previousContainerSize = React.useRef(0);
-    const updateContainerSize = React.useCallback(({ width, height }) => setContainerSize(orientation === 'horizontal' ? width : height), [orientation]);
-    const [resizeRef, observer] = useResizeObserver(updateContainerSize);
-    const resizeObserverRef = React.useRef(observer);
-    useIsomorphicLayoutEffect(() => {
-        if (disabled) {
-            setVisibleCount(items.length);
-        }
-        else {
-            setVisibleCount(Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
-            needsFullRerender.current = true;
-        }
-    }, [containerSize, disabled, items]);
-    const mergedRefs = useMergedRefs(containerRef, resizeRef);
-    useIsomorphicLayoutEffect(() => {
-        var _a;
-        if (!containerRef.current || disabled) {
-            (_a = resizeObserverRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
-            return;
-        }
-        const dimension = orientation === 'horizontal' ? 'Width' : 'Height';
-        const availableSize = containerRef.current[`offset${dimension}`];
-        const requiredSize = containerRef.current[`scroll${dimension}`];
-        if (availableSize < requiredSize) {
-            const avgItemSize = requiredSize / visibleCount;
-            const visibleItems = Math.floor(availableSize / avgItemSize);
-            setVisibleCount(visibleItems);
-        }
-        else if (needsFullRerender.current) {
-            const childrenSize = Array.from(containerRef.current.children).reduce((sum, child) => sum + child[`offset${dimension}`], 0);
-            // Previous `useEffect` might have updated visible count, but we still have old one
-            // If it is 0, lets try to update it with items length.
-            const currentVisibleCount = visibleCount || Math.min(items.length, STARTING_MAX_ITEMS_COUNT);
-            const avgItemSize = childrenSize / currentVisibleCount;
-            const visibleItems = Math.floor(availableSize / avgItemSize);
-            if (!isNaN(visibleItems)) {
-                // Doubling the visible items to overflow the container. Just to be safe.
-                setVisibleCount(Math.min(items.length, visibleItems * 2));
-            }
-        }
-        needsFullRerender.current = false;
-    }, [containerSize, visibleCount, disabled, items.length, orientation]);
-    useIsomorphicLayoutEffect(() => {
-        previousContainerSize.current = containerSize;
-    }, [containerSize]);
-    return [mergedRefs, visibleCount];
+export const useOverflow = (
+  items,
+  disabled = false,
+  orientation = 'horizontal',
+) => {
+  const containerRef = React.useRef(null);
+  const [visibleCount, setVisibleCount] = React.useState(() =>
+    disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT),
+  );
+  const needsFullRerender = React.useRef(true);
+  const [containerSize, setContainerSize] = React.useState(0);
+  const previousContainerSize = React.useRef(0);
+  const updateContainerSize = React.useCallback(
+    ({ width, height }) =>
+      setContainerSize(orientation === 'horizontal' ? width : height),
+    [orientation],
+  );
+  const [resizeRef, observer] = useResizeObserver(updateContainerSize);
+  const resizeObserverRef = React.useRef(observer);
+  useIsomorphicLayoutEffect(() => {
+    if (disabled) {
+      setVisibleCount(items.length);
+    } else {
+      setVisibleCount(Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
+      needsFullRerender.current = true;
+    }
+  }, [containerSize, disabled, items]);
+  const mergedRefs = useMergedRefs(containerRef, resizeRef);
+  useIsomorphicLayoutEffect(() => {
+    if (!containerRef.current || disabled) {
+      resizeObserverRef.current?.disconnect();
+      return;
+    }
+    const dimension = orientation === 'horizontal' ? 'Width' : 'Height';
+    const availableSize = containerRef.current[`offset${dimension}`];
+    const requiredSize = containerRef.current[`scroll${dimension}`];
+    if (availableSize < requiredSize) {
+      const avgItemSize = requiredSize / visibleCount;
+      const visibleItems = Math.floor(availableSize / avgItemSize);
+      setVisibleCount(visibleItems);
+    } else if (needsFullRerender.current) {
+      const childrenSize = Array.from(containerRef.current.children).reduce(
+        (sum, child) => sum + child[`offset${dimension}`],
+        0,
+      );
+      // Previous `useEffect` might have updated visible count, but we still have old one
+      // If it is 0, lets try to update it with items length.
+      const currentVisibleCount =
+        visibleCount || Math.min(items.length, STARTING_MAX_ITEMS_COUNT);
+      const avgItemSize = childrenSize / currentVisibleCount;
+      const visibleItems = Math.floor(availableSize / avgItemSize);
+      if (!isNaN(visibleItems)) {
+        // Doubling the visible items to overflow the container. Just to be safe.
+        setVisibleCount(Math.min(items.length, visibleItems * 2));
+      }
+    }
+    needsFullRerender.current = false;
+  }, [containerSize, visibleCount, disabled, items.length, orientation]);
+  useIsomorphicLayoutEffect(() => {
+    previousContainerSize.current = containerSize;
+  }, [containerSize]);
+  return [mergedRefs, visibleCount];
 };

package/esm/core/utils/hooks/useResizeObserver.js

@@ -17,17 +17,21 @@ import { getWindow } from '../functions/dom.js';
  * return <div ref={ref}>...</div>;
  */
 export const useResizeObserver = (onResize) => {
-    const resizeObserver = React.useRef();
-    const elementRef = React.useCallback((element) => {
-        var _a, _b, _c;
-        if (!((_a = getWindow()) === null || _a === void 0 ? void 0 : _a.ResizeObserver)) {
-            return;
-        }
-        (_b = resizeObserver.current) === null || _b === void 0 ? void 0 : _b.disconnect();
-        if (element) {
-            resizeObserver.current = new ResizeObserver(([{ contentRect }]) => onResize(contentRect));
-            (_c = resizeObserver.current) === null || _c === void 0 ? void 0 : _c.observe(element);
-        }
-    }, [onResize]);
-    return [elementRef, resizeObserver.current];
+  const resizeObserver = React.useRef();
+  const elementRef = React.useCallback(
+    (element) => {
+      if (!getWindow()?.ResizeObserver) {
+        return;
+      }
+      resizeObserver.current?.disconnect?.();
+      if (element) {
+        resizeObserver.current = new ResizeObserver(([{ contentRect }]) =>
+          onResize(contentRect),
+        );
+        resizeObserver.current?.observe?.(element);
+      }
+    },
+    [onResize],
+  );
+  return [elementRef, resizeObserver.current];
 };

package/esm/core/utils/hooks/useSafeContext.js

@@ -8,9 +8,9 @@ import * as React from 'react';
  * @param context Context to use. Must have a `displayName` for useful errors.
  */
 export const useSafeContext = (context) => {
-    const value = React.useContext(context);
-    if (!value) {
-        throw new Error(`${context.displayName} is undefined`);
-    }
-    return value; // eslint-disable-line @typescript-eslint/no-non-null-assertion -- we already checked for undefined
+  const value = React.useContext(context);
+  if (!value) {
+    throw new Error(`${context.displayName} is undefined`);
+  }
+  return value; // eslint-disable-line @typescript-eslint/no-non-null-assertion -- we already checked for undefined
 };

package/esm/core/utils/icons/StatusIconMap.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { CommonProps } from '../props.js';
 export declare const StatusIconMap: {
-    negative: (args?: CommonProps) => JSX.Element;
-    positive: (args?: CommonProps) => JSX.Element;
-    warning: (args?: CommonProps) => JSX.Element;
-    informational: (args?: CommonProps) => JSX.Element;
+    negative: (args?: CommonProps) => React.JSX.Element;
+    positive: (args?: CommonProps) => React.JSX.Element;
+    warning: (args?: CommonProps) => React.JSX.Element;
+    informational: (args?: CommonProps) => React.JSX.Element;
 };

package/esm/core/utils/icons/StatusIconMap.js

@@ -8,8 +8,12 @@ import { SvgStatusError } from './SvgStatusError.js';
 import { SvgStatusSuccess } from './SvgStatusSuccess.js';
 import { SvgStatusWarning } from './SvgStatusWarning.js';
 export const StatusIconMap = {
-    negative: (args) => React.createElement(SvgStatusError, { "aria-hidden": true, ...args }),
-    positive: (args) => React.createElement(SvgStatusSuccess, { "aria-hidden": true, ...args }),
-    warning: (args) => React.createElement(SvgStatusWarning, { "aria-hidden": true, ...args }),
-    informational: (args) => (React.createElement(SvgInfoCircular, { "aria-hidden": true, ...args })),
+  negative: (args) =>
+    React.createElement(SvgStatusError, { 'aria-hidden': true, ...args }),
+  positive: (args) =>
+    React.createElement(SvgStatusSuccess, { 'aria-hidden': true, ...args }),
+  warning: (args) =>
+    React.createElement(SvgStatusWarning, { 'aria-hidden': true, ...args }),
+  informational: (args) =>
+    React.createElement(SvgInfoCircular, { 'aria-hidden': true, ...args }),
 };

package/esm/core/utils/icons/SvgCalendar.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCalendar: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCalendar: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCalendar.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCalendar = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgCaretDownSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCaretDownSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCaretDownSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCaretDownSmall.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCaretDownSmall = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgCaretRightSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCaretRightSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCaretRightSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCaretRightSmall.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCaretRightSmall = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M6.003 4.807v6.4a.28.28 0 0 0 .443.24L9.9 8.27a.34.34 0 0 0 0-.48L6.446 4.566a.269.269 0 0 0-.443.24z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M6.003 4.807v6.4a.28.28 0 0 0 .443.24L9.9 8.27a.34.34 0 0 0 0-.48L6.446 4.566a.269.269 0 0 0-.443.24z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgCaretUpSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCaretUpSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCaretUpSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCaretUpSmall.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCaretUpSmall = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M4.807 9.997h6.395a.28.28 0 0 0 .24-.443L8.27 6.097a.34.34 0 0 0-.48 0h-.001L4.566 9.554a.27.27 0 0 0 .24.443z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M4.807 9.997h6.395a.28.28 0 0 0 .24-.443L8.27 6.097a.34.34 0 0 0-.48 0h-.001L4.566 9.554a.27.27 0 0 0 .24.443z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgCheckmark.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCheckmark: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCheckmark: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCheckmark.js

@@ -5,6 +5,9 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCheckmark = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M6,14L0,8l2-2l4,4l8-8l2,2L6,14z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', { d: 'M6,14L0,8l2-2l4,4l8-8l2,2L6,14z' }),
+  );
 };

package/esm/core/utils/icons/SvgCheckmarkSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCheckmarkSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCheckmarkSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCheckmarkSmall.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCheckmarkSmall = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgChevronLeft.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronLeft: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgChevronLeft: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgChevronLeft.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronLeft = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm11.3 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm11.3 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgChevronLeftDouble.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronLeftDouble: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgChevronLeftDouble: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgChevronLeftDouble.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronLeftDouble = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgChevronRight.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronRight: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgChevronRight: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgChevronRight.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronRight = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgChevronRightDouble.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronRightDouble: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgChevronRightDouble: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgChevronRightDouble.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronRightDouble = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgClose.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgClose: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgClose: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgClose.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgClose = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm14 0-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm14 0-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6 6-6',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgCloseSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCloseSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgCloseSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgCloseSmall.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCloseSmall = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgColumnManager.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgColumnManager: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgColumnManager: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgColumnManager.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgColumnManager = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm1 0h2v16h-2m6-16h2v16h-2m6-16h2v16h-2',
+    }),
+  );
 };

package/esm/core/utils/icons/SvgDocument.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgDocument: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgDocument: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgDocument.js

@@ -5,6 +5,9 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgDocument = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M10 0H2v16h12V4h-4zm1 0v3h3z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', { d: 'M10 0H2v16h12V4h-4zm1 0v3h3z' }),
+  );
 };

package/esm/core/utils/icons/SvgFilter.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgFilter: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgFilter: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgFilter.js

@@ -5,6 +5,9 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgFilter = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm0 0v2l6 5v9l4-3v-6l6-5v-2z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', { d: 'm0 0v2l6 5v9l4-3v-6l6-5v-2z' }),
+  );
 };

package/esm/core/utils/icons/SvgFilterHollow.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgFilterHollow: (props: React.ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+export declare const SvgFilterHollow: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;

package/esm/core/utils/icons/SvgFilterHollow.js

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgFilterHollow = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M15 1v.5L9.4 6.2l-.4.3v6L7 14V6.5l-.4-.3L1 1.5V1zm1-1H0v2l6 5v9l4-3V7l6-5z',
+    }),
+  );
 };