@auth0/quantum-product 2.8.1 → 2.8.3

package/esm/card/card-header/card-header.js

@@ -65,8 +65,8 @@ export var CardHeader = React.forwardRef(function (props, ref) {
             textOverflow: 'ellipsis',
         }
         : {
-            whiteSpace: 'normal',
-            overflow: 'visible',
+            whiteSpace: 'normal', // Allow wrapping
+            overflow: 'visible', // Allow content to overflow
             textOverflow: 'clip', // Don't apply ellipsis
         }; // No additional styles when noWrap is false
     var subheaderStyles = noWrap
@@ -76,13 +76,13 @@ export var CardHeader = React.forwardRef(function (props, ref) {
             textOverflow: 'ellipsis',
         }
         : {
-            whiteSpace: 'normal',
-            overflow: 'visible',
+            whiteSpace: 'normal', // Allow wrapping
+            overflow: 'visible', // Allow content to overflow
             textOverflow: 'clip', // Don't apply ellipsis
         };
     return (React.createElement(Root, __assign({ ref: ref, ownerState: { size: size }, classes: {
             action: classes.action,
             avatar: classes.avatar,
             content: classes.content,
-        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary" }, { component: 'p' }, { role: "heading", display: "block" }, titleTypographyProps, { className: clsx(classes.title, titleTypographyProps.className), ownerState: { size: size }, noWrap: noWrap, sx: titleStyles, title: noWrap ? title : '' }), title), subheader: subheader ? (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p", noWrap: noWrap, sx: subheaderStyles, title: noWrap ? subheader : '' }, subheaderTypographyProps, { className: clsx(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
+        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary", component: 'p', role: "heading", display: "block" }, titleTypographyProps, { className: clsx(classes.title, titleTypographyProps.className), ownerState: { size: size }, noWrap: noWrap, sx: titleStyles, title: noWrap ? title : '' }), title), subheader: subheader ? (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p", noWrap: noWrap, sx: subheaderStyles, title: noWrap ? subheader : '' }, subheaderTypographyProps, { className: clsx(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
 });

package/esm/card/card.js

@@ -39,7 +39,7 @@ var Root = styled(MuiCard, {
             boxShadow: theme.mixins.borderAsBoxShadow(selectedBorderColor, 1),
             borderColor: selectedBorderColor,
         },
-        '&$disabled': {
+        '&[aria-disabled="true"]': {
             boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_disabled_selected, 2),
             borderColor: 'transparent',
         },
@@ -94,7 +94,7 @@ export var Card = React.forwardRef(function (props, ref) {
     // remove to prevent passing through to the root
     propClasses = props.classes, analyticsId = props.analyticsId, rootProps = __rest(props, ["button", "component", "disabled", "className", "selected", "selectableButton", "size", "classes", "analyticsId"]);
     return (React.createElement(CardContext.Provider, { value: { size: size } },
-        React.createElement(Root, __assign({}, { component: component }, { ownerState: {
+        React.createElement(Root, __assign({ component: component, ownerState: {
                 size: size,
                 disabled: disabled,
                 selectableButton: selectableButton,

package/esm/code/code.js

@@ -37,5 +37,5 @@ var Root = styled(Text, { name: CodeComponentName, slot: 'Root' })(function (_a)
 });
 export var Code = React.forwardRef(function (props, ref) {
     var children = props.children, _a = props.variant, variant = _a === void 0 ? 'code2' : _a, _b = props.noWrap, noWrap = _b === void 0 ? true : _b, textProps = __rest(props, ["children", "variant", "noWrap"]);
-    return (React.createElement(Root, __assign({ ref: ref }, { component: 'span' }, { color: "textSecondary", variant: variant, noWrap: noWrap }, textProps), children));
+    return (React.createElement(Root, __assign({ ref: ref, component: 'span', color: "textSecondary", variant: variant, noWrap: noWrap }, textProps), children));
 });

package/esm/data-table/data-table-row.js

@@ -65,7 +65,7 @@ export function DataTableRow(props) {
         detailsContent = renderItemDetails(item);
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Row, __assign({}, { component: componentRenderer ? componentRenderer(item, index) : 'tr' }, { hover: hover, ownerState: { expandable: !!detailsContent, expanded: isExpanded } }, rowProps),
+        React.createElement(Row, __assign({ component: componentRenderer ? componentRenderer(item, index) : 'tr', hover: hover, ownerState: { expandable: !!detailsContent, expanded: isExpanded } }, rowProps),
             columns.map(function (column, colIndex) {
                 if (!column) {
                     return null;

package/esm/date-picker/date-picker-popover.js

@@ -76,7 +76,7 @@ var Content = styled(Card, { name: datePickerPopoverComponentName, slot: 'Conten
                 : 'auto'
             : ownerState.showTwoMonths
                 ? theme.typography.pxToRem(514) // Width for two months calendar view
-                : theme.typography.pxToRem(256),
+                : theme.typography.pxToRem(256), // Width for single month calendar view
         WebkitOverflowScrolling: 'touch',
         padding: theme.spacing(1),
         border: "1px solid ".concat(theme.tokens.color_border_default),

package/esm/dropdown-menu/dropdown-menu-list/dropdown-menu-list.js

@@ -42,5 +42,5 @@ export var DropdownMenuList = React.forwardRef(function (props, ref) {
             return React.createElement(DropdownMenuListItem, __assign({ key: index }, itemProps));
         })
         : children;
-    return (React.createElement(Root, __assign({}, { component: 'div' }, { "aria-orientation": "vertical", disablePadding: true, autoFocus: true, ref: ref }, rootProps), content));
+    return (React.createElement(Root, __assign({ component: 'div', "aria-orientation": "vertical", disablePadding: true, autoFocus: true, ref: ref }, rootProps), content));
 });

package/esm/dropdown-menu/dropdown-menu-list-item/dropdown-menu-list-item.js

@@ -70,7 +70,6 @@ var Root = styled(MenuItem, { name: dropdownMenuListItemComponentName, slot: 'Ro
             backgroundColor: theme.tokens.color_bg_link_danger_hover,
         },
         _b['&:focus:not(:active)'] = __assign({ backgroundColor: 'transparent' }, theme.mixins.focusRing({ color: theme.tokens.color_border_focus_state_danger })),
-        _b['&:$disabled'] = {},
         _b))), (ownerState.selected && (_c = {},
         _c["& .".concat(dropdownMenuListItemClasses.selected)] = {},
         _c))), (ownerState.disabled && (_d = {},

package/esm/form/form.js

@@ -30,5 +30,5 @@ export var Form = React.forwardRef(function (props, ref) {
             onSubmit(e);
         }
     };
-    return (React.createElement(FormLayout, __assign({ ref: ref }, { noValidate: true }, rootProps, { as: "form", onSubmit: onSubmit ? handleSubmit : undefined }), children));
+    return (React.createElement(FormLayout, __assign({ ref: ref, noValidate: true }, rootProps, { as: "form", onSubmit: onSubmit ? handleSubmit : undefined }), children));
 });

package/esm/link/link.js

@@ -78,17 +78,17 @@ var Root = styled(Text, { name: linkComponentName, slot: 'Root' })(function (_a)
         position: 'relative',
         // pulled from MUI: https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Link/Link.js#L63-L85
         WebkitTapHighlightColor: 'transparent',
-        backgroundColor: 'transparent',
+        backgroundColor: 'transparent', // Reset default value
         // We disable the focus ring for mouse, touch and keyboard users.
         outline: 0,
         border: 0,
-        margin: 0,
+        margin: 0, // Remove the margin in Safari
         borderRadius: 0,
-        padding: 0,
+        padding: 0, // Remove the padding in Firefox
         cursor: 'pointer',
         userSelect: 'none',
-        MozAppearance: 'none',
-        WebkitAppearance: 'none',
+        MozAppearance: 'none', // Reset
+        WebkitAppearance: 'none', // Reset
         '&::-moz-focus-inner': {
             borderStyle: 'none', // Remove Firefox dotted outline.
         },

package/esm/panel/panel-header/panel-header.js

@@ -61,8 +61,8 @@ export var PanelHeader = React.forwardRef(function (props, ref) {
             textOverflow: 'ellipsis',
         }
         : {
-            whiteSpace: 'normal',
-            overflow: 'visible',
+            whiteSpace: 'normal', // Allow wrapping
+            overflow: 'visible', // Allow content to overflow
             textOverflow: 'clip', // Don't apply ellipsis
         };
     return (React.createElement(Root, __assign({ className: clsx(classes.root, className), ownerState: { isCloseButtonVisible: panelContext.isCloseButtonVisible }, ref: ref }, rootProps),

package/esm/selectable-card/selectable-card.js

@@ -67,7 +67,7 @@ export var SelectableCard = React.forwardRef(function (props, ref) {
     var content = children || React.createElement(CardHeader, { avatar: avatar, title: title, subheader: description, noWrap: noWrap });
     var Control = type === 'radio' ? ControlRadio : ControlCheckbox;
     var control = (React.createElement(Control, __assign({ value: value, inputRef: inputRef, onChange: onChange, disabled: disabled, className: type === 'radio' ? classes.controlRadio : classes.controlCheckbox, ownerState: { hidden: hideControl }, checked: checked }, (type === 'radio' ? RadioProps : CheckboxProps))));
-    return (React.createElement(Root, __assign({}, { ref: ref }, { size: size, selected: checked, disabled: disabled, button: true, className: clsx(classes.root, className), component: "label" }, rootProps),
+    return (React.createElement(Root, __assign({ ref: ref, size: size, selected: checked, disabled: disabled, button: true, className: clsx(classes.root, className), component: "label" }, rootProps),
         controlPlacement === 'start' && control,
         React.createElement(Content, null, content),
         controlPlacement === 'end' && control));

package/esm/sidebar/sidebar-menu/sidebar-menu.js

@@ -95,7 +95,7 @@ export function SidebarMenuImpl(props, ref) {
             sidebarCtx.onCollapseChange();
         }
     };
-    return (React.createElement(Root, __assign({}, rootProps, { id: id, ref: ref }, { component: 'button' }, { className: clsx(classes.root, className), "aria-current": undefined, onClick: handleExpandChange, titleId: titleId, endIcon: React.createElement(Icon, { ownerState: { expanded: isExpandedFinal }, className: clsx(classes.icon, isExpandedFinal && classes.iconExpanded) }), shouldCollapseSidebarOnClick: false, "aria-expanded": isExpandedFinal, "aria-controls": accordionId }),
+    return (React.createElement(Root, __assign({}, rootProps, { id: id, ref: ref, component: 'button', className: clsx(classes.root, className), "aria-current": undefined, onClick: handleExpandChange, titleId: titleId, endIcon: React.createElement(Icon, { ownerState: { expanded: isExpandedFinal }, className: clsx(classes.icon, isExpandedFinal && classes.iconExpanded) }), shouldCollapseSidebarOnClick: false, "aria-expanded": isExpandedFinal, "aria-controls": accordionId }),
         React.createElement(Collapse, { in: isExpandedFinal },
             React.createElement("div", { className: classes.region, role: "region", id: accordionId, "aria-labelledby": titleId },
                 React.createElement(Items, { className: classes.items }, items

package/esm/switch/switch.js

@@ -37,7 +37,7 @@ var StyledFormControlLabel = styled(BaseFormControlLabel, {
     var theme = _a.theme, noWrap = _a.noWrap, labelPlacement = _a.labelPlacement;
     return __assign((_b = { paddingLeft: 0, paddingTop: 0, paddingBottom: 0, marginLeft: 0 }, _b["& .".concat(formControlLabelClasses.container)] = {
         lineHeight: theme.typography.pxToRem(SwitchHeight),
-        minWidth: noWrap ? 0 : undefined,
+        minWidth: noWrap ? 0 : undefined, // prevents overflow of parent flex container
         marginLeft: theme.spacing(2),
         '& > *:first-of-type': {
             marginLeft: 0,

package/esm/tabs/tab/tab.js

@@ -35,8 +35,8 @@ var AvailabilityLabel = styled(Label)(function (_a) {
 var LabelContainer = styled('div')(function (_a) {
     var width = _a.width, maxWidth = _a.maxWidth;
     return ({
-        width: width || 'auto',
-        maxWidth: maxWidth || 'none',
+        width: width || 'auto', // Use width from props or fallback to auto
+        maxWidth: maxWidth || 'none', // Use maxWidth from props or fallback to none
         overflow: 'hidden',
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis',

package/esm/text/text.js

@@ -89,5 +89,5 @@ export var Text = React.forwardRef(function (props, ref) {
     var variant = props.variant, propClasses = props.classes, propComponent = props.component, className = props.className, sx = props.sx, rootProps = __rest(props, ["variant", "classes", "component", "className", "sx"]);
     var classes = useUtilityClasses(variant, propClasses);
     var component = propComponent || getComponentForVariant({ variant: variant });
-    return (React.createElement(Root, __assign({ ref: ref, variant: variant, className: clsx([classes.root, className]) }, { component: component }, { sx: sx }, rootProps)));
+    return (React.createElement(Root, __assign({ ref: ref, variant: variant, className: clsx([classes.root, className]), component: component, sx: sx }, rootProps)));
 });

package/expansion-panel/expansion-panel-header.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 import { ICardHeaderProps } from '../card';
 export type IExpansionPanelHeaderProps = ICardHeaderProps;
 export declare const ExpansionPanelHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<import("../card").ICardContextValue> & {
-    action?: import("react").ReactNode;
-    avatar?: import("react").ReactNode;
-    classes?: Partial<Record<"title" | "action" | "content" | "root" | "avatar" | "subheader", string>> | undefined;
-    disableTypography?: boolean | undefined;
-    subheader?: import("react").ReactNode;
-    subheaderTypographyProps?: import("..").ITextProps<any> | undefined;
-    title?: import("react").ReactNode;
-    titleTypographyProps?: import("..").ITextProps<any> | undefined;
-    noWrap?: boolean | undefined;
+    action?: React.ReactNode;
+    avatar?: React.ReactNode;
+    classes?: Partial<import("../card/card-header/card-header-classes").CardHeaderClasses>;
+    disableTypography?: boolean;
+    subheader?: React.ReactNode;
+    subheaderTypographyProps?: import("..").ITextProps<any>;
+    title?: React.ReactNode;
+    titleTypographyProps?: import("..").ITextProps<any>;
+    noWrap?: boolean;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "action" | "size" | "classes" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps" | "noWrap"> & import("../styled").IStyledCommonProps & import("react").RefAttributes<HTMLDivElement>>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;

package/expansion-panel/expansion-panel-summary.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpansionPanelSummary = void 0;
 var React = __importStar(require("react"));

package/expansion-panel/expansion-panel.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpansionPanel = void 0;
 var Accordion_1 = __importStar(require("@mui/material/Accordion"));

package/field-set/field-set-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldSetClasses = exports.getFieldSetUtilityClass = exports.fieldSetComponentName = void 0;
+exports.fieldSetClasses = exports.fieldSetComponentName = void 0;
+exports.getFieldSetUtilityClass = getFieldSetUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.fieldSetComponentName = 'QuantumFieldSet';
 function getFieldSetUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.fieldSetComponentName, slot);
 }
-exports.getFieldSetUtilityClass = getFieldSetUtilityClass;
 exports.fieldSetClasses = (0, classes_1.generateUtilityClasses)(exports.fieldSetComponentName, [
     'root',
     'labelContent',

package/field-set/field-set.d.ts

@@ -21,9 +21,9 @@ export declare const FieldSet: React.ForwardRefExoticComponent<Pick<IFormLayoutP
     label?: React.ReactNode;
     description?: React.ReactNode;
     /** specifies the spacing between the fields */
-    margin?: "default" | "dense" | undefined;
+    margin?: "default" | "dense";
     /**
      * Override or extend the styles applied to the component.
      */
-    classes?: Partial<Record<"root" | "availabilityLabel" | "labelContent" | "labelText" | "descriptionText" | "contentWrapper", string>> | undefined;
+    classes?: Partial<FieldSetClasses>;
 } & Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "label" | "ref" | "layout" | "margin" | "classes" | "productReleaseStage" | "description"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLFieldSetElement>>;

package/field-set/field-set.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/floating-panel/floating-panel.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/form/form-actions/form-actions-classes.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formActionsClasses = exports.getFormActionsUtilityClass = exports.formActionsComponentName = void 0;
+exports.formActionsClasses = exports.formActionsComponentName = void 0;
+exports.getFormActionsUtilityClass = getFormActionsUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.formActionsComponentName = 'QuantumFormActions';
 function getFormActionsUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.formActionsComponentName, slot);
 }
-exports.getFormActionsUtilityClass = getFormActionsUtilityClass;
 exports.formActionsClasses = (0, classes_1.generateUtilityClasses)(exports.formActionsComponentName, ['root', 'actions']);

package/form/form-actions/form-actions.d.ts

@@ -11,6 +11,6 @@ export type IFormActionsProps = IStyledComponentProps<{
     defaultComponent: 'div';
 }>;
 export declare const FormActions: React.ForwardRefExoticComponent<Pick<IFormLayoutProps, "layout"> & {
-    disableSpacing?: boolean | undefined;
-    classes?: Partial<Record<"root" | "actions", string>> | undefined;
+    disableSpacing?: boolean;
+    classes?: Partial<FormActionsClasses>;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "layout" | "classes" | "disableSpacing"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/form/form-actions/form-actions.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/form/form-control/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormControlProps } from '@mui/material/FormControl';
 export interface IFormControlProps extends Omit<FormControlProps, 'variant'> {
     component?: React.ElementType;
 }
-export declare const FormControl: import("react").ComponentType<IFormControlProps>;
+export declare const FormControl: React.ComponentType<IFormControlProps>;

package/form/form-control-label/form-control-label-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formControlLabelClasses = exports.getFormControlLabelUtilityClass = exports.formControlLabelComponentName = void 0;
+exports.formControlLabelClasses = exports.formControlLabelComponentName = void 0;
+exports.getFormControlLabelUtilityClass = getFormControlLabelUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.formControlLabelComponentName = 'QuantumFormControlLabel';
 function getFormControlLabelUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.formControlLabelComponentName, slot);
 }
-exports.getFormControlLabelUtilityClass = getFormControlLabelUtilityClass;
 exports.formControlLabelClasses = (0, classes_1.generateUtilityClasses)(exports.formControlLabelComponentName, [
     'root',
     'label',

package/form/form-control-label/form-control-label.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/form/form-field/form-field-classes.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formFieldClasses = exports.getFormFieldUtilityClass = exports.formFieldComponentName = void 0;
+exports.formFieldClasses = exports.formFieldComponentName = void 0;
+exports.getFormFieldUtilityClass = getFormFieldUtilityClass;
 var classes_1 = require("../../styles/classes");
 exports.formFieldComponentName = 'QuantumFormField';
 function getFormFieldUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.formFieldComponentName, slot);
 }
-exports.getFormFieldUtilityClass = getFormFieldUtilityClass;
 exports.formFieldClasses = (0, classes_1.generateUtilityClasses)(exports.formFieldComponentName, [
     'root',
     'label',

package/form/form-field/form-field.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/form/form-helper-text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormHelperTextProps } from '@mui/material/FormHelperText';
 export type IFormHelperTextProps = Omit<FormHelperTextProps, 'variant'>;
-export declare const FormHelperText: import("react").ComponentType<FormHelperTextProps<"p", {}>>;
+export declare const FormHelperText: React.ComponentType<FormHelperTextProps>;

package/form/form-layout/form-layout-context.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormLayoutContext = exports.FormLayoutContext = void 0;
 var React = __importStar(require("react"));

package/form/form-layout/form-layout.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)