@itwin/itwinui-react 3.0.0-dev.1 → 3.0.0-dev.11

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',
+    }),
+  );
 };

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

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

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

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgImportantSmall = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M6.25 1h3.5v3.19l-.676 6.408H6.91L6.25 4.19zm.12 10.572h3.268V15H6.37z',
+    }),
+  );
 };

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

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

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

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgInfoCircular = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'M8 0a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm1.2 3.2a.923.923 0 0 1 .997.843l.003.057a1.31 1.31 0 0 1-1.3 1.2.945.945 0 0 1-1-1 1.228 1.228 0 0 1 1.3-1.1zm-2 9.6c-.5 0-.9-.3-.5-1.7l.6-2.4c.1-.4.1-.5 0-.5-.2-.1-.9.2-1.3.5l-.2-.5a6.497 6.497 0 0 1 3.3-1.6c.5 0 .6.6.3 1.6l-.7 2.6c-.1.5-.1.6.1.6a2.003 2.003 0 0 0 1.1-.6l.3.4a5.769 5.769 0 0 1-3 1.6z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'M8 0a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm1.2 3.2a.923.923 0 0 1 .997.843l.003.057a1.31 1.31 0 0 1-1.3 1.2.945.945 0 0 1-1-1 1.228 1.228 0 0 1 1.3-1.1zm-2 9.6c-.5 0-.9-.3-.5-1.7l.6-2.4c.1-.4.1-.5 0-.5-.2-.1-.9.2-1.3.5l-.2-.5a6.497 6.497 0 0 1 3.3-1.6c.5 0 .6.6.3 1.6l-.7 2.6c-.1.5-.1.6.1.6a2.003 2.003 0 0 0 1.1-.6l.3.4a5.769 5.769 0 0 1-3 1.6z',
+    }),
+  );
 };

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

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

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

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgMore = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm4 8a2 2 0 1 1 -2-2 2 2 0 0 1 2 2zm4-2a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm4 8a2 2 0 1 1 -2-2 2 2 0 0 1 2 2zm4-2a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z',
+    }),
+  );
 };

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

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

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

@@ -5,6 +5,11 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgMoreVertical = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm8 4a2 2 0 1 1 2-2 2 2 0 0 1 -2 2zm2 4a2 2 0 1 0 -2 2 2 2 0 0 0 2-2zm0 6a2 2 0 1 0 -2 2 2 2 0 0 0 2-2z' })));
+  return React.createElement(
+    Svg,
+    { ...props },
+    React.createElement('path', {
+      d: 'm8 4a2 2 0 1 1 2-2 2 2 0 0 1 -2 2zm2 4a2 2 0 1 0 -2 2 2 2 0 0 0 2-2zm0 6a2 2 0 1 0 -2 2 2 2 0 0 0 2-2z',
+    }),
+  );
 };

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

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