@itwin/itwinui-react 3.3.4 → 3.4.1

package/cjs/core/FileUpload/FileUpload.d.ts

@@ -30,4 +30,4 @@ type FileUploadProps = {
  * <FileUpload dragContent='Drop file here' onFileDropped={console.log}><Textarea /></FileUpload>
  */
 export declare const FileUpload: PolymorphicForwardRefComponent<"div", FileUploadProps>;
-export default FileUpload;
+export {};

package/cjs/core/FileUpload/FileUpload.js

@@ -76,4 +76,3 @@ exports.FileUpload = React.forwardRef((props, forwardedRef) => {
         dragContent ? (children) : (React.createElement(index_js_1.Box, { as: 'div', ...contentProps, className: (0, classnames_1.default)('iui-content', contentProps?.className) }, children)),
         dragContent && (React.createElement(index_js_1.Box, { as: 'div', ...contentProps, className: (0, classnames_1.default)('iui-content', contentProps?.className) }, dragContent))));
 });
-exports.default = exports.FileUpload;

package/cjs/core/FileUpload/FileUploadCard.d.ts

@@ -54,7 +54,6 @@ export declare const FileUploadCard: PolymorphicForwardRefComponent<"div", FileU
     InputLabel: PolymorphicForwardRefComponent<"label", {}>;
     Input: PolymorphicForwardRefComponent<"input", {}>;
 };
-export default FileUploadCard;
 export declare const FileUploadCardContext: React.Context<{
     /**
      * Files to pass
@@ -74,3 +73,4 @@ export declare const FileUploadCardContext: React.Context<{
     inputId?: string | undefined;
     setInputId: (inputId: string) => void;
 } | undefined>;
+export {};

package/cjs/core/FileUpload/FileUploadCard.js

@@ -179,5 +179,4 @@ exports.FileUploadCard = Object.assign(FileUploadCardComponent, {
     Input: FileUploadCardInput,
 });
 exports.FileUploadCard.displayName = 'FileUploadCard';
-exports.default = exports.FileUploadCard;
 exports.FileUploadCardContext = React.createContext(undefined);

package/cjs/core/FileUpload/FileUploadTemplate.d.ts

@@ -32,11 +32,12 @@ type FileUploadTemplateProps = {
     children?: React.ReactNode;
 };
 /**
- * @deprecated Use `FileUploadCard` instead.
+ * @deprecated Use [`FileUploadCard`](https://itwinui.bentley.com/docs/fileupload#fileuploadcard) instead.
+ *
  * Default template to be used with the `FileUpload` wrapper component.
  * Contains a hidden input with styled labels (customizable).
  * @example
  * <FileUploadTemplate onChange={(e) => console.log(e.target.files)} />
  */
 export declare const FileUploadTemplate: PolymorphicForwardRefComponent<"div", FileUploadTemplateProps>;
-export default FileUploadTemplate;
+export {};

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -36,7 +36,8 @@ const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
 const Anchor_js_1 = require("../Typography/Anchor.js");
 /**
- * @deprecated Use `FileUploadCard` instead.
+ * @deprecated Use [`FileUploadCard`](https://itwinui.bentley.com/docs/fileupload#fileuploadcard) instead.
+ *
  * Default template to be used with the `FileUpload` wrapper component.
  * Contains a hidden input with styled labels (customizable).
  * @example
@@ -53,4 +54,3 @@ exports.FileUploadTemplate = React.forwardRef((props, ref) => {
             React.createElement("div", null, subtitle),
             children)));
 });
-exports.default = exports.FileUploadTemplate;

package/cjs/core/Flex/Flex.d.ts

@@ -135,4 +135,4 @@ export declare const Flex: PolymorphicForwardRefComponent<"div", FlexOwnProps> &
      */
     Spacer: PolymorphicForwardRefComponent<"div", FlexSpacerOwnProps>;
 };
-export default Flex;
+export {};

package/cjs/core/Flex/Flex.js

@@ -154,4 +154,3 @@ exports.Flex = Object.assign(FlexComponent, {
      */
     Spacer: FlexSpacer,
 });
-exports.default = exports.Flex;

package/cjs/core/Footer/Footer.d.ts

@@ -57,4 +57,4 @@ export declare const Footer: ((props: FooterProps) => React.JSX.Element) & {
     Item: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
     Separator: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
 };
-export default Footer;
+export {};

package/cjs/core/Footer/Footer.js

@@ -118,4 +118,3 @@ exports.Footer = Object.assign((props) => {
     Item: FooterItem_js_1.FooterItem,
     Separator: FooterSeparator_js_1.FooterSeparator,
 });
-exports.default = exports.Footer;

package/cjs/core/Footer/FooterItem.d.ts

@@ -2,4 +2,3 @@
  * Footer item. Recommended to use inside `Footer.List`.
  */
 export declare const FooterItem: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
-export default FooterItem;

package/cjs/core/Footer/FooterItem.js

@@ -10,4 +10,3 @@ const index_js_1 = require("../utils/index.js");
  * Footer item. Recommended to use inside `Footer.List`.
  */
 exports.FooterItem = index_js_1.polymorphic.li('iui-legal-footer-item');
-exports.default = exports.FooterItem;

package/cjs/core/Footer/FooterList.d.ts

@@ -2,4 +2,3 @@
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */
 export declare const FooterList: import("../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;
-export default FooterList;

package/cjs/core/Footer/FooterList.js

@@ -10,4 +10,3 @@ const index_js_1 = require("../utils/index.js");
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */
 exports.FooterList = index_js_1.polymorphic.ul('iui-legal-footer-list');
-exports.default = exports.FooterList;

package/cjs/core/Footer/FooterSeparator.d.ts

@@ -2,4 +2,3 @@
  * Footer separator. Recommended to use inside `Footer.List`.
  */
 export declare const FooterSeparator: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
-export default FooterSeparator;

package/cjs/core/Footer/FooterSeparator.js

@@ -12,4 +12,3 @@ const index_js_1 = require("../utils/index.js");
 exports.FooterSeparator = index_js_1.polymorphic.li('iui-legal-footer-separator', {
     'aria-hidden': true,
 });
-exports.default = exports.FooterSeparator;

package/cjs/core/Header/Header.d.ts

@@ -92,4 +92,4 @@ type HeaderProps = {
  * />
  */
 export declare const Header: PolymorphicForwardRefComponent<"header", HeaderProps>;
-export default Header;
+export {};

package/cjs/core/Header/Header.js

@@ -81,4 +81,3 @@ exports.Header = React.forwardRef((props, forwardedRef) => {
                 React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', "aria-label": headerTranslations.moreOptions },
                     React.createElement(index_js_1.SvgMoreVertical, { "aria-hidden": true })))))));
 });
-exports.default = exports.Header;

package/cjs/core/Header/HeaderBasicButton.d.ts

@@ -1,4 +1,3 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { ButtonProps } from '../Buttons/Button.js';
 export declare const HeaderBasicButton: PolymorphicForwardRefComponent<"button", ButtonProps>;
-export default HeaderBasicButton;

package/cjs/core/Header/HeaderBasicButton.js

@@ -43,4 +43,3 @@ exports.HeaderBasicButton = React.forwardRef((props, ref) => {
         children,
         endIcon));
 });
-exports.default = exports.HeaderBasicButton;

package/cjs/core/Header/HeaderBreadcrumbs.d.ts

@@ -23,4 +23,4 @@ type HeaderBreadcrumbsProps = {
  * />
  */
 export declare const HeaderBreadcrumbs: PolymorphicForwardRefComponent<"nav", HeaderBreadcrumbsProps>;
-export default HeaderBreadcrumbs;
+export {};

package/cjs/core/Header/HeaderBreadcrumbs.js

@@ -54,4 +54,3 @@ exports.HeaderBreadcrumbs = React.forwardRef((props, forwardedRef) => {
                 React.createElement(index_js_1.SvgChevronRight, { key: `chevron${index}`, "aria-hidden": true, className: 'iui-chevron' }))),
         ], []))));
 });
-exports.default = exports.HeaderBreadcrumbs;

package/cjs/core/Header/HeaderButton.d.ts

@@ -32,4 +32,4 @@ type HeaderButtonProps = {
  * <HeaderButton name='Project D' isActive />
  */
 export declare const HeaderButton: PolymorphicForwardRefComponent<"button", HeaderButtonProps>;
-export default HeaderButton;
+export {};

package/cjs/core/Header/HeaderButton.js

@@ -59,4 +59,3 @@ exports.HeaderButton = React.forwardRef((props, ref) => {
     const headerButton = !!props.menuItems && !!props.onClick ? (React.createElement(HeaderSplitButton_js_1.HeaderSplitButton, { ...buttonProps })) : !!props.menuItems ? (React.createElement(HeaderDropdownButton_js_1.HeaderDropdownButton, { ...buttonProps })) : (React.createElement(HeaderBasicButton_js_1.HeaderBasicButton, { ...buttonProps }));
     return (React.createElement(index_js_1.Box, { as: 'li', className: 'iui-header-breadcrumb-item', "aria-current": isActive ? 'location' : undefined, "aria-disabled": disabled ? 'true' : undefined }, headerButton));
 });
-exports.default = exports.HeaderButton;

package/cjs/core/Header/HeaderDropdownButton.d.ts

@@ -1,4 +1,3 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { DropdownButtonProps } from '../Buttons/DropdownButton.js';
 export declare const HeaderDropdownButton: PolymorphicForwardRefComponent<"button", DropdownButtonProps>;
-export default HeaderDropdownButton;

package/cjs/core/Header/HeaderDropdownButton.js

@@ -50,4 +50,3 @@ exports.HeaderDropdownButton = React.forwardRef((props, ref) => {
     return (React.createElement(DropdownMenu_js_1.DropdownMenu, { menuItems: menuItems, style: { minInlineSize: menuWidth }, onVisibleChange: (open) => setIsMenuOpen(open) },
         React.createElement(HeaderBasicButton_js_1.HeaderBasicButton, { className: (0, classnames_1.default)('iui-header-breadcrumb-button', className), ref: refs, "aria-label": 'Dropdown', endIcon: isMenuOpen ? (React.createElement(index_js_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(index_js_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })), ...rest }, children)));
 });
-exports.default = exports.HeaderDropdownButton;

package/cjs/core/Header/HeaderLogo.d.ts

@@ -19,4 +19,4 @@ type HeaderLogoOwnProps = {
  * <HeaderLogo logo={<img src='data:image/png;base64,...' />}>Downloaded Image</HeaderLogo>
  */
 export declare const HeaderLogo: PolymorphicForwardRefComponent<"div", HeaderLogoOwnProps>;
-export default HeaderLogo;
+export {};

package/cjs/core/Header/HeaderLogo.js

@@ -49,4 +49,3 @@ exports.HeaderLogo = React.forwardRef((props, ref) => {
         logo ? (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-header-brand-icon', "aria-hidden": true }, logo)) : null,
         children && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-header-brand-label' }, children))));
 });
-exports.default = exports.HeaderLogo;

package/cjs/core/Header/HeaderSplitButton.d.ts

@@ -1,4 +1,3 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { SplitButtonProps } from '../Buttons/SplitButton.js';
 export declare const HeaderSplitButton: PolymorphicForwardRefComponent<"button", SplitButtonProps>;
-export default HeaderSplitButton;

package/cjs/core/Header/HeaderSplitButton.js

@@ -51,4 +51,3 @@ exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
         React.createElement(DropdownMenu_js_1.DropdownMenu, { placement: menuPlacement, menuItems: menuItems, style: { minInlineSize: menuWidth }, onVisibleChange: (open) => setIsMenuOpen(open) },
             React.createElement(index_js_1.ButtonBase, { "aria-label": 'More', className: 'iui-header-breadcrumb-button iui-header-breadcrumb-button-split', disabled: disabled }, isMenuOpen ? (React.createElement(index_js_1.SvgCaretUpSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true })) : (React.createElement(index_js_1.SvgCaretDownSmall, { className: 'iui-header-breadcrumb-button-dropdown-icon', "aria-hidden": true }))))));
 });
-exports.default = exports.HeaderSplitButton;

package/cjs/core/Icon/Icon.d.ts

@@ -45,4 +45,3 @@ export type IconProps = {
  * </Icon>
  */
 export declare const Icon: PolymorphicForwardRefComponent<"span", IconProps>;
-export default Icon;

package/cjs/core/Icon/Icon.js

@@ -64,4 +64,3 @@ exports.Icon = React.forwardRef((props, ref) => {
     const { size = 'medium', fill = 'default', className, padded = false, ...rest } = props;
     return (React.createElement(Box_js_1.Box, { as: 'span', className: (0, classnames_1.default)('iui-svg-icon', className), "data-iui-icon-size": getSizeValue(size), "data-iui-icon-color": fill, "data-iui-padded": padded ? 'true' : undefined, ref: ref, ...rest }));
 });
-exports.default = exports.Icon;

package/cjs/core/InformationPanel/InformationPanel.d.ts

@@ -43,4 +43,4 @@ type InformationPanelProps = {
  * </InformationPanelWrapper>
  */
 export declare const InformationPanel: PolymorphicForwardRefComponent<"div", InformationPanelProps>;
-export default InformationPanel;
+export {};

package/cjs/core/InformationPanel/InformationPanel.js

@@ -93,4 +93,3 @@ exports.InformationPanel = React.forwardRef((props, ref) => {
             React.createElement(index_js_1.Box, { className: 'iui-resizer-bar' }))),
         children));
 });
-exports.default = exports.InformationPanel;

package/cjs/core/InformationPanel/InformationPanelBody.d.ts

@@ -2,4 +2,3 @@
  * Body of the `InformationPanel` containing the main content.
  */
 export declare const InformationPanelBody: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default InformationPanelBody;

package/cjs/core/InformationPanel/InformationPanelBody.js

@@ -10,4 +10,3 @@ const index_js_1 = require("../utils/index.js");
  * Body of the `InformationPanel` containing the main content.
  */
 exports.InformationPanelBody = index_js_1.polymorphic.div('iui-information-body');
-exports.default = exports.InformationPanelBody;

package/cjs/core/InformationPanel/InformationPanelContent.d.ts

@@ -38,4 +38,4 @@ type InformationPanelContentProps = {
  * </InformationPanelContent>
  */
 export declare const InformationPanelContent: PolymorphicForwardRefComponent<"div", InformationPanelContentProps>;
-export default InformationPanelContent;
+export {};

package/cjs/core/InformationPanel/InformationPanelContent.js

@@ -61,4 +61,3 @@ exports.InformationPanelContent = React.forwardRef((props, forwardedRef) => {
     const { className, displayStyle = 'default', children, ...rest } = props;
     return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className), ref: forwardedRef, ...rest }, children));
 });
-exports.default = exports.InformationPanelContent;

package/cjs/core/InformationPanel/InformationPanelHeader.d.ts

@@ -40,4 +40,4 @@ type InformationPanelHeaderProps = {
  * </InformationPanelHeader>
  */
 export declare const InformationPanelHeader: PolymorphicForwardRefComponent<"div", InformationPanelHeaderProps>;
-export default InformationPanelHeader;
+export {};

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -60,4 +60,3 @@ exports.InformationPanelHeader = React.forwardRef((props, forwardedRef) => {
             onClose && (React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
                 React.createElement(index_js_1.SvgCloseSmall, { "aria-hidden": true }))))));
 });
-exports.default = exports.InformationPanelHeader;

package/cjs/core/InformationPanel/InformationPanelWrapper.d.ts

@@ -8,4 +8,3 @@
  * </InformationPanelWrapper>
  */
 export declare const InformationPanelWrapper: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default InformationPanelWrapper;

package/cjs/core/InformationPanel/InformationPanelWrapper.js

@@ -16,4 +16,3 @@ const index_js_1 = require("../utils/index.js");
  * </InformationPanelWrapper>
  */
 exports.InformationPanelWrapper = index_js_1.polymorphic.div('iui-information-panel-wrapper');
-exports.default = exports.InformationPanelWrapper;

package/cjs/core/Input/Input.d.ts

@@ -21,4 +21,3 @@ export type InputProps = {
  * <Input size='small' />
  */
 export declare const Input: PolymorphicForwardRefComponent<"input", InputProps>;
-export default Input;

package/cjs/core/Input/Input.js

@@ -46,4 +46,3 @@ exports.Input = React.forwardRef((props, ref) => {
     const refs = (0, index_js_1.useMergedRefs)(inputRef, ref);
     return (React.createElement(index_js_1.Box, { as: 'input', className: (0, classnames_1.default)('iui-input', className), "data-iui-size": size, "data-iui-status": status, size: htmlSize, ref: refs, ...rest }));
 });
-exports.default = exports.Input;

package/cjs/core/InputGrid/InputGrid.d.ts

@@ -24,4 +24,4 @@ type InputGridOwnProps = {
  * </InputGrid>
  */
 export declare const InputGrid: PolymorphicForwardRefComponent<"div", InputGridOwnProps>;
-export default InputGrid;
+export {};

package/cjs/core/InputGrid/InputGrid.js

@@ -221,4 +221,3 @@ const isInput = (child) => {
     );
 };
 //-------------------------------------------------------------------------------
-exports.default = exports.InputGrid;

package/cjs/core/InputGroup/InputGroup.d.ts

@@ -66,4 +66,4 @@ type InputGroupProps = {
  * </InputGroup>
  */
 export declare const InputGroup: PolymorphicForwardRefComponent<"div", InputGroupProps>;
-export default InputGroup;
+export {};

package/cjs/core/InputGroup/InputGroup.js

@@ -61,4 +61,3 @@ exports.InputGroup = React.forwardRef((props, forwardedRef) => {
                 'aria-hidden': true,
             }, startIcon: svgIcon, status: status, ...messageProps }, displayStyle !== 'inline' && message))));
 });
-exports.default = exports.InputGroup;

package/cjs/core/Label/Label.d.ts

@@ -26,4 +26,4 @@ type LabelOwnProps = {
  * <Input id='name-input' />
  */
 export declare const Label: PolymorphicForwardRefComponent<"label", LabelOwnProps>;
-export default Label;
+export {};

package/cjs/core/Label/Label.js

@@ -48,4 +48,3 @@ exports.Label = React.forwardRef((props, forwardedRef) => {
             'iui-required': required,
         }, className), "data-iui-disabled": disabled ? true : undefined, ref: forwardedRef, ...rest }, children));
 });
-exports.default = exports.Label;

package/cjs/core/LabeledInput/LabeledInput.d.ts

@@ -58,4 +58,3 @@ export type LabeledInputProps = {
  * <LabeledInput status='negative' label='Negative' />
  */
 export declare const LabeledInput: PolymorphicForwardRefComponent<"input", LabeledInputProps>;
-export default LabeledInput;

package/cjs/core/LabeledInput/LabeledInput.js

@@ -58,4 +58,3 @@ exports.LabeledInput = React.forwardRef((props, ref) => {
             shouldShowIcon && (React.createElement(Icon_js_1.Icon, { fill: status, ...iconProps, className: (0, classnames_1.default)('iui-end-icon', iconProps?.className) }, icon))),
         typeof message === 'string' ? (React.createElement(StatusMessage_js_1.StatusMessage, { status: status, iconProps: iconProps, contentProps: messageContentProps }, message)) : (message)));
 });
-exports.default = exports.LabeledInput;

package/cjs/core/LabeledSelect/LabeledSelect.d.ts

@@ -97,4 +97,3 @@ export type LabeledSelectProps<T> = {
 export declare const LabeledSelect: <T>(props: LabeledSelectProps<T> & {
     ref?: React.ForwardedRef<HTMLElement> | undefined;
 }) => JSX.Element;
-export default LabeledSelect;

package/cjs/core/LabeledSelect/LabeledSelect.js

@@ -73,4 +73,3 @@ exports.LabeledSelect = React.forwardRef((props, forwardedRef) => {
         React.createElement(Select_js_1.Select, { disabled: disabled, className: className, style: style, ...rest, ref: forwardedRef }),
         typeof message === 'string' ? (React.createElement(StatusMessage_js_1.StatusMessage, { status: status, startIcon: svgIcon, iconProps: messageIconProps, contentProps: messageContentProps }, message)) : (message)));
 });
-exports.default = exports.LabeledSelect;

package/cjs/core/LabeledTextarea/LabeledTextarea.d.ts

@@ -55,4 +55,4 @@ type LabeledTextareaProps = {
  * />
  */
 export declare const LabeledTextarea: PolymorphicForwardRefComponent<"textarea", LabeledTextareaProps>;
-export default LabeledTextarea;
+export {};

package/cjs/core/LabeledTextarea/LabeledTextarea.js

@@ -58,4 +58,3 @@ exports.LabeledTextarea = React.forwardRef((props, forwardedRef) => {
     // @ts-ignore
     React.createElement(LabeledInput_js_1.LabeledInput, { as: 'textarea', rows: 3, ref: forwardedRef, ...props }));
 });
-exports.default = exports.LabeledTextarea;

package/cjs/core/LinkAction/LinkAction.d.ts

@@ -1,3 +1,4 @@
+import type { PolymorphicForwardRefComponent } from '../utils/props.js';
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.
@@ -8,7 +9,7 @@
  *   </Surface>
  * </LinkBox>
  */
-export declare const LinkAction: import("../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
+export declare const LinkAction: PolymorphicForwardRefComponent<"a", {}>;
 /**
  * Polymorphic link box component.
  * Used to wrap around your component to use LinkAction.
@@ -20,4 +21,4 @@ export declare const LinkAction: import("../utils/props.js").PolymorphicForwardR
  *   </Surface>
  * </LinkBox>
  */
-export declare const LinkBox: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const LinkBox: PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/LinkAction/LinkAction.js

@@ -1,11 +1,40 @@
 "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;
+});
+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.LinkBox = exports.LinkAction = 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 React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 const polymorphic_js_1 = require("../utils/functions/polymorphic.js");
+const index_js_1 = require("../utils/components/index.js");
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.
@@ -16,7 +45,10 @@ const polymorphic_js_1 = require("../utils/functions/polymorphic.js");
  *   </Surface>
  * </LinkBox>
  */
-exports.LinkAction = polymorphic_js_1.polymorphic.a('iui-link-action');
+exports.LinkAction = React.forwardRef((props, forwardedRef) => {
+    const { as: asProp = (!!props.href ? 'a' : 'button') } = props;
+    return (React.createElement(index_js_1.Box, { ...props, as: asProp, className: (0, classnames_1.default)('iui-link-action', props.className), ref: forwardedRef }));
+});
 exports.LinkAction.displayName = 'LinkAction';
 /**
  * Polymorphic link box component.

package/cjs/core/Menu/Menu.d.ts

@@ -18,4 +18,4 @@ type MenuProps = {
  * Basic menu component. Can be used for select or dropdown components.
  */
 export declare const Menu: PolymorphicForwardRefComponent<"div", MenuProps>;
-export default Menu;
+export {};

package/cjs/core/Menu/Menu.js

@@ -86,4 +86,3 @@ exports.Menu = React.forwardRef((props, ref) => {
     };
     return (React.createElement(index_js_1.Box, { as: 'div', className: (0, classnames_1.default)('iui-menu', className), role: 'menu', ref: refs, ...rest, onKeyDown: (0, index_js_1.mergeEventHandlers)(props.onKeyDown, onKeyDown) }));
 });
-exports.default = exports.Menu;

package/cjs/core/Menu/MenuDivider.d.ts

@@ -14,4 +14,3 @@
  * </Menu>
  */
 export declare const MenuDivider: import("../utils/props.js").PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
-export default MenuDivider;

package/cjs/core/Menu/MenuDivider.js

@@ -24,4 +24,3 @@ const index_js_1 = require("../utils/index.js");
 exports.MenuDivider = (0, index_js_1.polymorphic)('iui-menu-divider', {
     role: 'separator',
 });
-exports.default = exports.MenuDivider;

package/cjs/core/Menu/MenuExtraContent.d.ts

@@ -19,4 +19,3 @@
  * </Menu>
  */
 export declare const MenuExtraContent: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
-export default MenuExtraContent;

package/cjs/core/Menu/MenuExtraContent.js

@@ -29,4 +29,3 @@ const index_js_1 = require("../utils/index.js");
 exports.MenuExtraContent = index_js_1.polymorphic.li('iui-menu-content', {
     role: 'presentation',
 });
-exports.default = exports.MenuExtraContent;

package/cjs/core/Menu/MenuItem.d.ts

@@ -65,4 +65,3 @@ export type MenuItemProps = {
  * Basic menu item component. Should be used inside `Menu` component for each item.
  */
 export declare const MenuItem: PolymorphicForwardRefComponent<"div", MenuItemProps>;
-export default MenuItem;

package/cjs/core/Menu/MenuItem.js

@@ -127,4 +127,3 @@ exports.MenuItem = React.forwardRef((props, forwardedRef) => {
                         },
                     }) }, subMenuItems))))));
 });
-exports.default = exports.MenuItem;

package/cjs/core/Menu/MenuItemSkeleton.d.ts

@@ -27,4 +27,4 @@ type MenuItemSkeletonProps = {
  * Menu item that uses skeletons to indicate loading state.
  */
 export declare const MenuItemSkeleton: PolymorphicForwardRefComponent<"div", MenuItemSkeletonProps>;
-export default MenuItemSkeleton;
+export {};

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -52,4 +52,3 @@ exports.MenuItemSkeleton = React.forwardRef((props, forwardedRef) => {
             hasSublabel && (React.createElement(index_js_1.Box, { className: 'iui-menu-description iui-skeleton', "aria-hidden": true })),
             React.createElement(VisuallyHidden_js_1.VisuallyHidden, null, translatedStrings.loading))));
 });
-exports.default = exports.MenuItemSkeleton;

package/cjs/core/Modal/Modal.d.ts

@@ -42,6 +42,18 @@ type ModalProps = {
      * Content of the modal.
      */
     children: React.ReactNode;
+    /**
+     * Props for customizing the title bar element.
+     */
+    titleBarProps?: React.ComponentPropsWithRef<'div'>;
+    /**
+     * Props for customizing the dialog-wrapper element.
+     */
+    wrapperProps?: React.ComponentPropsWithoutRef<'div'>;
+    /**
+     * Props for customizing the backdrop element.
+     */
+    backdropProps?: React.ComponentPropsWithRef<'div'>;
 } & Pick<DialogMainProps, 'isOpen' | 'styleType'>;
 /**
  * Modal component which can wrap any content.
@@ -65,4 +77,4 @@ type ModalProps = {
  * </Modal>
  */
 export declare const Modal: PolymorphicForwardRefComponent<"div", ModalProps>;
-export default Modal;
+export {};

package/cjs/core/Modal/Modal.js

@@ -52,11 +52,10 @@ const Dialog_js_1 = require("../Dialog/Dialog.js");
  * </Modal>
  */
 exports.Modal = React.forwardRef((props, forwardedRef) => {
-    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, ...rest } = props;
-    return (React.createElement(Dialog_js_1.Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true, ref: forwardedRef, portal: portal },
-        React.createElement(Dialog_js_1.Dialog.Backdrop, null),
+    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, wrapperProps, backdropProps, titleBarProps, ...rest } = props;
+    return (React.createElement(Dialog_js_1.Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true, ref: forwardedRef, portal: portal, ...wrapperProps },
+        React.createElement(Dialog_js_1.Dialog.Backdrop, { ...backdropProps }),
         React.createElement(Dialog_js_1.Dialog.Main, { "aria-modal": true, ...rest },
-            React.createElement(Dialog_js_1.Dialog.TitleBar, { titleText: title }),
+            React.createElement(Dialog_js_1.Dialog.TitleBar, { titleText: title, ...titleBarProps }),
             children)));
 });
-exports.default = exports.Modal;

package/cjs/core/Modal/ModalButtonBar.d.ts

@@ -2,4 +2,3 @@
  * Container for Buttons in modal.
  */
 export declare const ModalButtonBar: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default ModalButtonBar;

package/cjs/core/Modal/ModalButtonBar.js

@@ -10,4 +10,3 @@ const DialogButtonBar_js_1 = require("../Dialog/DialogButtonBar.js");
  * Container for Buttons in modal.
  */
 exports.ModalButtonBar = Object.assign({}, DialogButtonBar_js_1.DialogButtonBar);
-exports.default = exports.ModalButtonBar;

package/cjs/core/Modal/ModalContent.d.ts

@@ -2,4 +2,3 @@
  * Container for content in `Modal`.
  */
 export declare const ModalContent: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default ModalContent;

package/cjs/core/Modal/ModalContent.js

@@ -10,4 +10,3 @@ const DialogContent_js_1 = require("../Dialog/DialogContent.js");
  * Container for content in `Modal`.
  */
 exports.ModalContent = Object.assign({}, DialogContent_js_1.DialogContent);
-exports.default = exports.ModalContent;