@itwin/itwinui-react 3.11.3 → 3.12.0

package/cjs/core/Buttons/IconButton.js

@@ -1,54 +1,73 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButton = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
-const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.js");
-const ButtonGroup_js_1 = require("../ButtonGroup/ButtonGroup.js");
-/**
- * Icon button
- * @example
- * <IconButton label='Add'><SvgAdd /></IconButton>
- * @example
- * <IconButton label='Add' styleType='borderless'><SvgAdd /></IconButton>
- */
-exports.IconButton = React.forwardRef((props, ref) => {
-    const { isActive, children, styleType = 'default', size, className, label, iconProps, labelProps, ...rest } = props;
-    const buttonGroupOrientation = React.useContext(ButtonGroup_js_1.ButtonGroupContext);
-    const button = (React.createElement(index_js_1.ButtonBase, { ref: ref, className: (0, classnames_1.default)('iui-button', 'iui-field', className), "data-iui-variant": styleType !== 'default' ? styleType : undefined, "data-iui-size": size, "data-iui-active": isActive, "aria-pressed": isActive, ...rest },
-        React.createElement(index_js_1.Box, { as: 'span', "aria-hidden": true, ...iconProps, className: (0, classnames_1.default)('iui-button-icon', iconProps?.className) }, children),
-        label ? React.createElement(VisuallyHidden_js_1.VisuallyHidden, null, label) : null));
-    return label ? (React.createElement(Tooltip_js_1.Tooltip, { placement: buttonGroupOrientation === 'vertical' ? 'right' : 'top', ...labelProps, content: label, ariaStrategy: 'none' }, button)) : (button);
+Object.defineProperty(exports, 'IconButton', {
+  enumerable: true,
+  get: function () {
+    return IconButton;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _Tooltip = require('../Tooltip/Tooltip.js');
+const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
+const _ButtonGroup = require('../ButtonGroup/ButtonGroup.js');
+const _Popover = require('../Popover/Popover.js');
+const IconButton = _react.forwardRef((props, ref) => {
+  const {
+    isActive,
+    children,
+    styleType = 'default',
+    size,
+    className,
+    label,
+    iconProps,
+    labelProps,
+    ...rest
+  } = props;
+  const buttonGroupOrientation = _react.useContext(
+    _ButtonGroup.ButtonGroupContext,
+  );
+  const hasPopoverOpen = _react.useContext(_Popover.PopoverOpenContext);
+  const button = (0, _jsxruntime.jsxs)(_index.ButtonBase, {
+    ref: ref,
+    className: (0, _classnames.default)('iui-button', 'iui-field', className),
+    'data-iui-variant': styleType !== 'default' ? styleType : undefined,
+    'data-iui-size': size,
+    'data-iui-active': isActive,
+    'data-iui-has-popover': hasPopoverOpen ? 'open' : undefined,
+    'aria-pressed': isActive,
+    ...rest,
+    children: [
+      (0, _jsxruntime.jsx)(_index.Box, {
+        as: 'span',
+        'aria-hidden': true,
+        ...iconProps,
+        className: (0, _classnames.default)(
+          'iui-button-icon',
+          iconProps?.className,
+        ),
+        children: children,
+      }),
+      label
+        ? (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+            children: label,
+          })
+        : null,
+    ],
+  });
+  return label
+    ? (0, _jsxruntime.jsx)(_Tooltip.Tooltip, {
+        placement: buttonGroupOrientation === 'vertical' ? 'right' : 'top',
+        ...labelProps,
+        content: label,
+        ariaStrategy: 'none',
+        children: button,
+      })
+    : button;
 });

package/cjs/core/Buttons/IdeasButton.js

@@ -1,46 +1,31 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IdeasButton = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const Button_js_1 = require("./Button.js");
-/**
- * Ideas button
- * @example
- * <IdeasButton />
- */
-exports.IdeasButton = React.forwardRef((props, ref) => {
-    const { feedbackLabel = 'Feedback', className, onClick, ...rest } = props;
-    return (React.createElement(Button_js_1.Button, { ref: ref, className: (0, classnames_1.default)('iui-button-idea', className), "data-iui-variant": 'high-visibility', onClick: onClick, startIcon: React.createElement(index_js_1.SvgSmileyHappy, { "aria-hidden": true }), ...rest }, feedbackLabel));
+Object.defineProperty(exports, 'IdeasButton', {
+  enumerable: true,
+  get: function () {
+    return IdeasButton;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _Button = require('./Button.js');
+const IdeasButton = _react.forwardRef((props, ref) => {
+  const { feedbackLabel = 'Feedback', className, onClick, ...rest } = props;
+  return (0, _jsxruntime.jsx)(_Button.Button, {
+    ref: ref,
+    className: (0, _classnames.default)('iui-button-idea', className),
+    'data-iui-variant': 'high-visibility',
+    onClick: onClick,
+    startIcon: (0, _jsxruntime.jsx)(_index.SvgSmileyHappy, {
+      'aria-hidden': true,
+    }),
+    ...rest,
+    children: feedbackLabel,
+  });
 });

package/cjs/core/Buttons/SplitButton.js

@@ -1,89 +1,98 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'SplitButton', {
+  enumerable: true,
+  get: function () {
+    return SplitButton;
+  },
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SplitButton = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const Button_js_1 = require("./Button.js");
-const IconButton_js_1 = require("./IconButton.js");
-const index_js_1 = require("../../utils/index.js");
-const Menu_js_1 = require("../Menu/Menu.js");
-const Popover_js_1 = require("../Popover/Popover.js");
-/**
- * Split button component with a DropdownMenu.
- *
- * The delegated props and forwarded ref are passed onto the primary button.
- * It also supports using the `as` prop to change which element is rendered.
- *
- * @example
- * const menuItems = (close: () => void) => [
- *   <MenuItem key={1} onClick={onClick(1, close)}>Item #1</MenuItem>,
- *   <MenuItem key={2} onClick={onClick(2, close)}>Item #2</MenuItem>,
- * ];
- * <SplitButton onClick={onClick} menuItems={menuItems}>Default</SplitButton>
- * <SplitButton onClick={onClick} menuItems={menuItems} styleType='high-visibility'>High visibility</SplitButton>
- */
-exports.SplitButton = React.forwardRef((props, forwardedRef) => {
-    const { onClick, menuItems, className, menuPlacement = 'bottom-end', styleType = 'default', size, children, wrapperProps, menuButtonProps, portal = true, ...rest } = props;
-    const buttonRef = React.useRef(null);
-    const [visible, setVisible] = React.useState(false);
-    const close = React.useCallback(() => {
-        setVisible(false);
-        buttonRef.current?.focus({ preventScroll: true });
-    }, []);
-    const menuContent = React.useMemo(() => {
-        if (typeof menuItems === 'function') {
-            return menuItems(close);
-        }
-        return menuItems;
-    }, [menuItems, close]);
-    const popover = (0, Popover_js_1.usePopover)({
-        visible,
-        onVisibleChange: (open) => (open ? setVisible(true) : close()),
-        placement: menuPlacement,
-        matchWidth: true,
-    });
-    const labelId = (0, index_js_1.useId)();
-    return (React.createElement(index_js_1.Box, { ...wrapperProps, ref: popover.refs.setPositionReference, className: (0, classnames_1.default)('iui-button-split', {
-            'iui-disabled': props.disabled,
-        }, wrapperProps?.className) },
-        React.createElement(Button_js_1.Button, { className: className, styleType: styleType, size: size, onClick: onClick, ref: (0, index_js_1.useMergedRefs)(buttonRef, forwardedRef), ...rest, labelProps: { id: labelId, ...props.labelProps } }, children),
-        React.createElement(IconButton_js_1.IconButton, { styleType: styleType, size: size, disabled: props.disabled, "aria-labelledby": props.labelProps?.id || labelId, "aria-expanded": popover.open, ref: popover.refs.setReference, ...popover.getReferenceProps(menuButtonProps) }, visible ? React.createElement(index_js_1.SvgCaretUpSmall, null) : React.createElement(index_js_1.SvgCaretDownSmall, null)),
-        popover.open && (React.createElement(index_js_1.Portal, { portal: portal },
-            React.createElement(Menu_js_1.Menu, { ...popover.getFloatingProps({
-                    onKeyDown: ({ key }) => {
-                        if (key === 'Tab') {
-                            close();
-                        }
-                    },
-                }), ref: popover.refs.setFloating }, menuContent)))));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _Button = require('./Button.js');
+const _IconButton = require('./IconButton.js');
+const _index = require('../../utils/index.js');
+const _Menu = require('../Menu/Menu.js');
+const SplitButton = _react.forwardRef((props, forwardedRef) => {
+  const {
+    onClick,
+    menuItems,
+    className,
+    menuPlacement = 'bottom-end',
+    styleType = 'default',
+    size,
+    children,
+    wrapperProps,
+    menuButtonProps,
+    portal = true,
+    ...rest
+  } = props;
+  const [visible, setVisible] = _react.useState(false);
+  const menuContent = _react.useMemo(() => {
+    if (typeof menuItems === 'function') {
+      return menuItems(() => setVisible(false));
+    }
+    return menuItems;
+  }, [menuItems]);
+  const popoverProps = {
+    visible,
+    onVisibleChange: setVisible,
+    placement: menuPlacement,
+    matchWidth: true,
+  };
+  const labelId = (0, _index.useId)();
+  const trigger = (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+    styleType: styleType,
+    size: size,
+    disabled: props.disabled,
+    'aria-labelledby': props.labelProps?.id || labelId,
+    ...menuButtonProps,
+    children: visible
+      ? (0, _jsxruntime.jsx)(_index.SvgCaretUpSmall, {})
+      : (0, _jsxruntime.jsx)(_index.SvgCaretDownSmall, {}),
+  });
+  const [positionReference, setPositionReference] = _react.useState(null);
+  return (0, _jsxruntime.jsxs)(_index.Box, {
+    as: 'div',
+    ...wrapperProps,
+    ref: setPositionReference,
+    className: (0, _classnames.default)(
+      'iui-button-split',
+      {
+        'iui-disabled': props.disabled,
+      },
+      wrapperProps?.className,
+    ),
+    children: [
+      (0, _jsxruntime.jsx)(_Button.Button, {
+        className: className,
+        styleType: styleType,
+        size: size,
+        onClick: onClick,
+        ref: forwardedRef,
+        ...rest,
+        labelProps: {
+          id: labelId,
+          ...props.labelProps,
+        },
+        children: children,
+      }),
+      (0, _jsxruntime.jsx)(_Menu.Menu, {
+        popoverProps: popoverProps,
+        trigger: trigger,
+        portal: portal,
+        positionReference: positionReference,
+        onKeyDown: ({ key }) => {
+          if (key === 'Tab') {
+            setVisible(false);
+          }
+        },
+        children: menuContent,
+      }),
+    ],
+  });
 });

package/cjs/core/Carousel/Carousel.d.ts

@@ -34,7 +34,7 @@ type CarouselProps = {
 export declare const Carousel: PolymorphicForwardRefComponent<"section", CarouselProps> & {
     Slider: PolymorphicForwardRefComponent<"div", {}>;
     Slide: PolymorphicForwardRefComponent<"div", {
-        index?: number | undefined;
+        index?: number;
     }>;
     /**
      * Contains the dots and previous/next buttons for navigating the slides. Must be present _before_ the slides in DOM.
@@ -43,126 +43,20 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
         PreviousButton: PolymorphicForwardRefComponent<"button", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
             ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
         }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
-            isActive?: boolean | undefined;
+            isActive?: boolean;
             label?: React.ReactNode;
-            labelProps?: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-                ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-            }, "as" | "children" | "content" | "portal" | keyof {
-                placement?: import("@floating-ui/utils").Placement | undefined;
-                visible?: boolean | undefined;
-                onVisibleChange?: ((visible: boolean) => void) | undefined;
-                autoUpdateOptions?: {
-                    ancestorScroll?: boolean | undefined;
-                    ancestorResize?: boolean | undefined;
-                    elementResize?: boolean | undefined;
-                    animationFrame?: boolean | undefined;
-                    layoutShift?: boolean | undefined;
-                } | undefined;
-                middleware?: {
-                    offset?: number | undefined;
-                    flip?: boolean | undefined;
-                    shift?: boolean | undefined;
-                    size?: boolean | undefined;
-                    autoPlacement?: boolean | undefined;
-                    hide?: boolean | undefined;
-                    inline?: boolean | undefined;
-                } | undefined;
-                reference?: HTMLElement | null | undefined;
-                ariaStrategy?: "label" | "description" | "none" | undefined;
-                id?: string | undefined;
-            }> & {
-                content: React.ReactNode;
-                children?: React.ReactNode;
-            } & import("../../utils/index.js").PortalProps & {
-                placement?: import("@floating-ui/utils").Placement | undefined;
-                visible?: boolean | undefined;
-                onVisibleChange?: ((visible: boolean) => void) | undefined;
-                autoUpdateOptions?: {
-                    ancestorScroll?: boolean | undefined;
-                    ancestorResize?: boolean | undefined;
-                    elementResize?: boolean | undefined;
-                    animationFrame?: boolean | undefined;
-                    layoutShift?: boolean | undefined;
-                } | undefined;
-                middleware?: {
-                    offset?: number | undefined;
-                    flip?: boolean | undefined;
-                    shift?: boolean | undefined;
-                    size?: boolean | undefined;
-                    autoPlacement?: boolean | undefined;
-                    hide?: boolean | undefined;
-                    inline?: boolean | undefined;
-                } | undefined;
-                reference?: HTMLElement | null | undefined;
-                ariaStrategy?: "label" | "description" | "none" | undefined;
-                id?: string | undefined;
-            } & {
-                as?: "div" | undefined;
-            }, "ref">, "children" | "content" | "reference" | "ariaStrategy"> | undefined;
-            iconProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | undefined;
+            labelProps?: Omit<React.ComponentPropsWithoutRef<typeof import("../Tooltip/Tooltip.js").Tooltip>, "content" | "reference" | "ariaStrategy" | "children">;
+            iconProps?: React.ComponentProps<"span">;
         } & Omit<import("../Buttons/Button.js").ButtonProps, "loading" | "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
             as?: "button" | undefined;
         }>;
         NextButton: PolymorphicForwardRefComponent<"button", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
             ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
         }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
-            isActive?: boolean | undefined;
+            isActive?: boolean;
             label?: React.ReactNode;
-            labelProps?: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-                ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-            }, "as" | "children" | "content" | "portal" | keyof {
-                placement?: import("@floating-ui/utils").Placement | undefined;
-                visible?: boolean | undefined;
-                onVisibleChange?: ((visible: boolean) => void) | undefined;
-                autoUpdateOptions?: {
-                    ancestorScroll?: boolean | undefined;
-                    ancestorResize?: boolean | undefined;
-                    elementResize?: boolean | undefined;
-                    animationFrame?: boolean | undefined;
-                    layoutShift?: boolean | undefined;
-                } | undefined;
-                middleware?: {
-                    offset?: number | undefined;
-                    flip?: boolean | undefined;
-                    shift?: boolean | undefined;
-                    size?: boolean | undefined;
-                    autoPlacement?: boolean | undefined;
-                    hide?: boolean | undefined;
-                    inline?: boolean | undefined;
-                } | undefined;
-                reference?: HTMLElement | null | undefined;
-                ariaStrategy?: "label" | "description" | "none" | undefined;
-                id?: string | undefined;
-            }> & {
-                content: React.ReactNode;
-                children?: React.ReactNode;
-            } & import("../../utils/index.js").PortalProps & {
-                placement?: import("@floating-ui/utils").Placement | undefined;
-                visible?: boolean | undefined;
-                onVisibleChange?: ((visible: boolean) => void) | undefined;
-                autoUpdateOptions?: {
-                    ancestorScroll?: boolean | undefined;
-                    ancestorResize?: boolean | undefined;
-                    elementResize?: boolean | undefined;
-                    animationFrame?: boolean | undefined;
-                    layoutShift?: boolean | undefined;
-                } | undefined;
-                middleware?: {
-                    offset?: number | undefined;
-                    flip?: boolean | undefined;
-                    shift?: boolean | undefined;
-                    size?: boolean | undefined;
-                    autoPlacement?: boolean | undefined;
-                    hide?: boolean | undefined;
-                    inline?: boolean | undefined;
-                } | undefined;
-                reference?: HTMLElement | null | undefined;
-                ariaStrategy?: "label" | "description" | "none" | undefined;
-                id?: string | undefined;
-            } & {
-                as?: "div" | undefined;
-            }, "ref">, "children" | "content" | "reference" | "ariaStrategy"> | undefined;
-            iconProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | undefined;
+            labelProps?: Omit<React.ComponentPropsWithoutRef<typeof import("../Tooltip/Tooltip.js").Tooltip>, "content" | "reference" | "ariaStrategy" | "children">;
+            iconProps?: React.ComponentProps<"span">;
         } & Omit<import("../Buttons/Button.js").ButtonProps, "loading" | "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
             as?: "button" | undefined;
         }>;
@@ -171,14 +65,14 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
      * Contains the dots for activating the slides. Must be present _before_ the slides in DOM.
      */
     DotsList: PolymorphicForwardRefComponent<"div", {
-        length?: number | undefined;
-        currentIndex?: number | undefined;
-        onSlideChange?: ((index: number) => void) | undefined;
+        length?: number;
+        currentIndex?: number;
+        onSlideChange?: (index: number) => void;
     }>;
     Dot: PolymorphicForwardRefComponent<"button", {
-        isActive?: boolean | undefined;
-        isSmall?: boolean | undefined;
-        isSmaller?: boolean | undefined;
+        isActive?: boolean;
+        isSmall?: boolean;
+        isSmaller?: boolean;
     }>;
 };
 export {};