@hitachivantara/uikit-react-core 5.104.0 → 5.105.0

package/dist/cjs/packages/core/src/SnackbarProvider/SnackbarProvider.cjs

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const notistack = require("notistack");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const SnackbarProvider_styles = require("./SnackbarProvider.styles.cjs");
-const SnackbarContent = require("../Snackbar/SnackbarContent/SnackbarContent.cjs");
-const HvNotistackSnackMessage = a.forwardRef(function HvNotistackSnackMessage2(props, ref) {
-  const { id, message, variant = "success", snackbarContentProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
-    SnackbarContent.HvSnackbarContent,
-    {
-      id,
-      variant,
-      showIcon: true,
-      label: message,
-      role: "none",
-      ...snackbarContentProps
-    }
-  ) });
-});
-const useHvSnackbar = () => {
-  const snackbarContext = notistack.useSnackbar();
-  if (!snackbarContext) {
-    throw new Error("useHvSnackbar must be used within an HvSnackbarProvider");
-  }
-  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = snackbarContext;
-  const enqueueSnackbar = a.useCallback(
-    (message, options = {}) => {
-      const {
-        id,
-        variant = "success",
-        snackbarContentProps,
-        className,
-        ...otherOptions
-      } = options;
-      return enqueueNotistackSnackbar(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          HvNotistackSnackMessage,
-          {
-            id,
-            message,
-            variant,
-            snackbarContentProps
-          }
-        ),
-        { ...otherOptions, className }
-      );
-    },
-    [enqueueNotistackSnackbar]
-  );
-  return a.useMemo(
-    () => ({
-      enqueueSnackbar,
-      closeSnackbar
-    }),
-    [enqueueSnackbar, closeSnackbar]
-  );
-};
-const HvSnackbarProvider = (props) => {
-  const {
-    children,
-    notistackClassesOverride,
-    maxSnack = 5,
-    autoHideDuration = 5e3,
-    anchorOrigin = {
-      vertical: "top",
-      horizontal: "right"
-    },
-    classes: classesProp,
-    className,
-    container,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvSnackbarProvider", props);
-  const { classes, css, cx } = SnackbarProvider_styles.useClasses(classesProp);
-  const { containerRoot, ...otherNotistackClasses } = notistackClassesOverride || {};
-  const notistackClasses = {
-    containerRoot: cx(
-      css({
-        pointerEvents: "all",
-        "& > div > div": {
-          // Overrides notistack extra padding
-          padding: "0 !important",
-          transition: "all 0s ease 0s !important"
-        }
-      }),
-      containerRoot
-    ),
-    ...otherNotistackClasses
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    notistack.SnackbarProvider,
-    {
-      classes: notistackClasses,
-      maxSnack,
-      autoHideDuration,
-      anchorOrigin,
-      className: cx(classes.snackItemRoot, className),
-      domRoot: container,
-      ...others,
-      children
-    }
-  );
-};
-exports.snackbarProviderClasses = SnackbarProvider_styles.staticClasses;
-exports.HvSnackbarProvider = HvSnackbarProvider;
-exports.useHvSnackbar = useHvSnackbar;

package/dist/cjs/packages/core/src/Stack/Stack.cjs

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const MuiDivider = require("@mui/material/Divider");
-const styles = require("@mui/material/styles");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useWidth = require("../hooks/useWidth.cjs");
-const Stack_styles = require("./Stack.styles.cjs");
-const Focus = require("../Focus/Focus.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiDivider__default = /* @__PURE__ */ _interopDefault(MuiDivider);
-const getDirection = (direction, width, breakpoints) => {
-  if (typeof direction === "string") return direction;
-  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {
-    if (direction[breakpoints[i]] !== void 0) {
-      return direction[breakpoints[i]];
-    }
-  }
-  return "column";
-};
-const HvStack = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    direction: directionProp = "column",
-    spacing = "sm",
-    divider = false,
-    withNavigation = false,
-    dividerProps = {},
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvStack", props);
-  const { classes, cx } = Stack_styles.useClasses(classesProp);
-  const width = useWidth.useWidth();
-  const containerRef = a.useRef(null);
-  const { breakpoints } = styles.useTheme();
-  const direction = a.useMemo(
-    () => getDirection(directionProp, width, breakpoints.keys),
-    [directionProp, width, breakpoints]
-  );
-  const getDividerComponent = a.useCallback(() => {
-    if (typeof divider === "boolean" && divider) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        MuiDivider__default.default,
-        {
-          orientation: direction === "column" ? "horizontal" : "vertical",
-          flexItem: direction === "row",
-          classes: {
-            root: classes.divider
-          },
-          ...dividerProps
-        }
-      );
-    }
-    return divider;
-  }, [classes.divider, divider, dividerProps, direction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: cx(
-        classes.root,
-        classes[direction],
-        classes[spacing],
-        className
-      ),
-      ...others,
-      children: a.Children.map(children, (child, i) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          divider && i !== 0 && getDividerComponent(),
-          withNavigation ? /* @__PURE__ */ jsxRuntime.jsx(
-            Focus.HvFocus,
-            {
-              rootRef: containerRef,
-              focusDisabled: false,
-              strategy: "grid",
-              navigationJump: direction === "column" ? 1 : a.Children.count(children) || 0,
-              filterClass: "child",
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "child", children: child })
-            }
-          ) : child
-        ] });
-      })
-    }
-  );
-};
-exports.stackClasses = Stack_styles.staticClasses;
-exports.HvStack = HvStack;

package/dist/cjs/packages/core/src/StatusIcon/StatusIcon.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const CheckCircle = require("../../../../node_modules/@phosphor-icons/react/dist/csr/CheckCircle.cjs");
-const Question = require("../../../../node_modules/@phosphor-icons/react/dist/csr/Question.cjs");
-const Warning = require("../../../../node_modules/@phosphor-icons/react/dist/csr/Warning.cjs");
-const WarningDiamond = require("../../../../node_modules/@phosphor-icons/react/dist/csr/WarningDiamond.cjs");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../icons.cjs");
-const StatusIcon_styles = require("./StatusIcon.styles.cjs");
-const IconContainer = require("../IconContainer/IconContainer.cjs");
-const variantIconMap = {
-  success: "Success",
-  warning: "Caution",
-  error: "Fail",
-  info: "Info"
-};
-const pentahoIconsMap = {
-  success: (props) => /* @__PURE__ */ jsxRuntime.jsx(CheckCircle.CheckCircle, { ...props }),
-  warning: (props) => /* @__PURE__ */ jsxRuntime.jsx(Warning.Warning, { ...props }),
-  error: (props) => /* @__PURE__ */ jsxRuntime.jsx(WarningDiamond.WarningDiamond, { ...props }),
-  info: (props) => /* @__PURE__ */ jsxRuntime.jsx(Question.Question, { ...props })
-};
-const HvStatusIcon = a.forwardRef(function HvStatusIcon2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    variant = "default",
-    customIcon,
-    size = "sm",
-    type = "full",
-    weight = "regular"
-  } = uikitReactUtils.useDefaultProps("HvStatusIcon", props);
-  const { classes, cx } = StatusIcon_styles.useClasses(classesProp);
-  const { selectedTheme } = uikitReactUtils.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      "data-variant": variant,
-      "data-type": type,
-      "data-size": size,
-      className: cx(classes.root, className),
-      children: selectedTheme === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: pentahoIconsMap[variant]?.({
-        weight
-      }) }) : /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsxRuntime.jsx(
-        icons.HvIcon,
-        {
-          compact: true,
-          className: classes.icon,
-          name: variantIconMap[variant]
-        }
-      ) })
-    }
-  );
-});
-exports.statusIconClasses = StatusIcon_styles.staticClasses;
-exports.HvStatusIcon = HvStatusIcon;

package/dist/cjs/packages/core/src/Switch/Switch.cjs

@@ -1,141 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useControlled = require("../hooks/useControlled.cjs");
-const useUniqueId = require("../hooks/useUniqueId.cjs");
-const setId = require("../utils/setId.cjs");
-const Switch_styles = require("./Switch.styles.cjs");
-const BaseSwitch = require("../BaseSwitch/BaseSwitch.cjs");
-const FormElement = require("../FormElement/FormElement.cjs");
-const Label = require("../FormElement/Label/Label.cjs");
-const utils = require("../FormElement/utils.cjs");
-const WarningText = require("../FormElement/WarningText/WarningText.cjs");
-const HvSwitch = a.forwardRef(
-  function HvSwitch2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required,
-      readOnly,
-      disabled,
-      label,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
-      labelProps,
-      labelPosition = "top",
-      checked,
-      defaultChecked = false,
-      onChange,
-      status,
-      statusMessage,
-      "aria-errormessage": ariaErrorMessage,
-      inputProps,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvSwitch", props);
-    const { classes, cx } = Switch_styles.useClasses(classesProp);
-    const elementId = useUniqueId.useUniqueId(id);
-    const [isChecked, setIsChecked] = useControlled.useControlled(checked, defaultChecked);
-    const [validationState, setValidationState] = useControlled.useControlled(
-      status,
-      "standBy"
-    );
-    const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
-    const onLocalChange = a.useCallback(
-      (evt, newChecked) => {
-        setIsChecked(() => {
-          if (required && !newChecked) {
-            setValidationState("invalid");
-          } else {
-            setValidationState("valid");
-          }
-          return newChecked;
-        });
-        onChange?.(evt, newChecked, value);
-      },
-      [onChange, required, setIsChecked, setValidationState, value]
-    );
-    const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const isStateInvalid = utils.isInvalid(validationState);
-    let errorMessageId;
-    if (isStateInvalid) {
-      errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      FormElement.HvFormElement,
-      {
-        id,
-        name,
-        status: validationState,
-        disabled,
-        required,
-        readOnly,
-        className: cx(classes.root, className),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.container, classes[labelPosition]), children: [
-            label && /* @__PURE__ */ jsxRuntime.jsx(
-              Label.HvLabel,
-              {
-                showGutter: true,
-                id: setId.setId(elementId, "label"),
-                htmlFor: setId.setId(elementId, "input"),
-                label,
-                className: classes.label,
-                ...labelProps
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: cx(classes.switchContainer, {
-                  [classes.invalidSwitch]: isStateInvalid
-                }),
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  BaseSwitch.HvBaseSwitch,
-                  {
-                    ref,
-                    id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-                    name,
-                    disabled,
-                    readOnly,
-                    required,
-                    onChange: onLocalChange,
-                    value,
-                    checked: isChecked,
-                    inputProps: {
-                      "aria-invalid": isStateInvalid ? true : void 0,
-                      "aria-errormessage": errorMessageId,
-                      "aria-label": ariaLabel,
-                      "aria-labelledby": ariaLabelledBy,
-                      "aria-describedby": ariaDescribedBy,
-                      ...inputProps
-                    },
-                    ...others
-                  }
-                )
-              }
-            )
-          ] }),
-          canShowError && /* @__PURE__ */ jsxRuntime.jsx(
-            WarningText.HvWarningText,
-            {
-              id: setId.setId(elementId, "error"),
-              className: classes.error,
-              disableBorder: true,
-              disableAdornment: true,
-              hideText: true,
-              children: validationMessage
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-exports.switchClasses = Switch_styles.staticClasses;
-exports.HvSwitch = HvSwitch;

package/dist/cjs/packages/core/src/Table/Table.cjs

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Table_styles = require("./Table.styles.cjs");
-const TableContext = require("./TableContext.cjs");
-const defaultComponent = "table";
-const computeTablePartComponents = (rootComponent) => {
-  if (rootComponent === "table") {
-    return {
-      Table: "table",
-      THead: "thead",
-      TBody: "tbody",
-      Tr: "tr",
-      Th: "th",
-      Td: "td"
-    };
-  }
-  return {
-    Table: rootComponent,
-    THead: rootComponent,
-    TBody: rootComponent,
-    Tr: rootComponent,
-    Th: rootComponent,
-    Td: rootComponent
-  };
-};
-const HvTable = a.forwardRef(function HvTable2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    component = defaultComponent,
-    stickyHeader = false,
-    stickyColumns = false,
-    variant = "default",
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvTable", props);
-  const { classes, cx } = Table_styles.useClasses(classesProp);
-  const containerRef = a.useRef(ref);
-  const components = a.useMemo(
-    () => computeTablePartComponents(component),
-    [component]
-  );
-  const tableContext = a.useMemo(
-    () => ({ components, variant, containerRef }),
-    [components, variant, containerRef]
-  );
-  const Table = a.useMemo(() => components.Table, [components]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.default.Provider, { value: tableContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Table,
-    {
-      ref,
-      role: component === defaultComponent ? null : "table",
-      className: cx(
-        classes.root,
-        {
-          [classes.stickyHeader]: stickyHeader,
-          [classes.stickyColumns]: stickyColumns,
-          [classes.listRow]: variant === "listrow"
-        },
-        className
-      ),
-      ...others
-    }
-  ) });
-});
-exports.tableClasses = Table_styles.staticClasses;
-exports.HvTable = HvTable;

package/dist/cjs/packages/core/src/Table/TableBody/TableBody.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useForkRef = require("../../hooks/useForkRef.cjs");
-const TableContext = require("../TableContext.cjs");
-const TableSectionContext = require("../TableSectionContext.cjs");
-const TableBody_styles = require("./TableBody.styles.cjs");
-const Focus = require("../../Focus/Focus.cjs");
-const tableSectionContext = {
-  type: "body",
-  filterClassName: "_trgrid"
-};
-const defaultComponent = "tbody";
-const HvTableBody = a.forwardRef(
-  function HvTableBody2(props, externalRef) {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      children,
-      withNavigation = false,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableBody", props);
-    const { classes, cx } = TableBody_styles.useClasses(classesProp);
-    const tableContext = a.useContext(TableContext.default);
-    const bodyRef = a.useRef(null);
-    const handleRef = useForkRef.useForkRef(externalRef, bodyRef);
-    const Component = component || tableContext?.components?.TBody || defaultComponent;
-    return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.TableSectionContext.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        className: cx(classes.root, className),
-        ref: handleRef,
-        role: Component === defaultComponent ? null : "rowgroup",
-        ...others,
-        children: withNavigation ? a.Children.map(children, (element) => {
-          if (!a.isValidElement(element)) return void 0;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            Focus.HvFocus,
-            {
-              id: `my-id-${element.key}`,
-              rootRef: bodyRef,
-              strategy: "grid",
-              filterClass: tableSectionContext.filterClassName,
-              navigationJump: 1,
-              focusDisabled: false,
-              selected: element.props.selected,
-              children: element
-            },
-            `row-${element.key}`
-          );
-        }) : children
-      }
-    ) });
-  }
-);
-exports.tableBodyClasses = TableBody_styles.staticClasses;
-exports.HvTableBody = HvTableBody;

package/dist/cjs/packages/core/src/Table/TableCell/TableCell.cjs

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const helpers = require("../../utils/helpers.cjs");
-const TableContext = require("../TableContext.cjs");
-const TableSectionContext = require("../TableSectionContext.cjs");
-const TableCell_styles = require("./TableCell.styles.cjs");
-const defaultComponent = "td";
-const HvTableCell = a.forwardRef(
-  function HvTableCell2(props, ref) {
-    const {
-      children,
-      component,
-      className,
-      style,
-      classes: classesProp,
-      align = "inherit",
-      variant = "default",
-      type: typeProp,
-      stickyColumn = false,
-      stickyColumnMostLeft = false,
-      stickyColumnLeastRight = false,
-      groupColumnMostLeft = false,
-      groupColumnMostRight = false,
-      sorted = false,
-      resizable = false,
-      resizing = false,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableCell", props);
-    const { classes, cx } = TableCell_styles.useClasses(classesProp);
-    const tableContext = a.useContext(TableContext.default);
-    const tableSectionContext = a.useContext(TableSectionContext.TableSectionContext);
-    const type = typeProp || tableSectionContext?.type || "body";
-    const Component = component || tableContext?.components?.Td || defaultComponent;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        role: Component === defaultComponent ? null : "cell",
-        style,
-        className: cx(
-          classes.root,
-          classes[type],
-          align !== "inherit" && classes[`align${helpers.capitalize(align)}`],
-          variant !== "default" && classes[`variant${helpers.capitalize(variant)}`],
-          {
-            [classes.variantList]: tableContext.variant === "listrow",
-            [classes.variantListHead]: tableContext.variant === "listrow" && type !== "body",
-            [classes.sorted]: sorted,
-            [classes.stickyColumn]: stickyColumn,
-            [classes.stickyColumnMostLeft]: stickyColumnMostLeft,
-            [classes.stickyColumnLeastRight]: stickyColumnLeastRight,
-            [classes.groupColumnMostLeft]: groupColumnMostLeft,
-            [classes.groupColumnMostRight]: groupColumnMostRight,
-            [classes.resizable]: resizable,
-            [classes.resizing]: resizing
-          },
-          className
-        ),
-        ...others,
-        children
-      }
-    );
-  }
-);
-exports.tableCellClasses = TableCell_styles.staticClasses;
-exports.HvTableCell = HvTableCell;

package/dist/cjs/packages/core/src/Table/TableContainer/TableContainer.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const TableContainer_styles = require("./TableContainer.styles.cjs");
-const HvTableContainer = a.forwardRef(
-  function HvTableContainer2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableContainer", props);
-    const { classes, cx } = TableContainer_styles.useClasses(classesProp);
-    const Component = component || "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: cx(classes.root, className),
-        ...others
-      }
-    );
-  }
-);
-exports.tableContainerClasses = TableContainer_styles.staticClasses;
-exports.HvTableContainer = HvTableContainer;

package/dist/cjs/packages/core/src/Table/TableContext.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const a = require("react");
-const TableContext = a.createContext({});
-exports.default = TableContext;

package/dist/cjs/packages/core/src/Table/TableHead/TableHead.cjs

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const a = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const TableContext = require("../TableContext.cjs");
-const TableSectionContext = require("../TableSectionContext.cjs");
-const TableHead_styles = require("./TableHead.styles.cjs");
-const tableSectionContext = {
-  type: "head"
-};
-const defaultComponent = "thead";
-const HvTableHead = a.forwardRef(
-  function HvTableHead2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      stickyHeader,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvTableHead", props);
-    const { classes, cx } = TableHead_styles.useClasses(classesProp);
-    const tableContext = a.useContext(TableContext.default);
-    const Component = component || tableContext?.components?.THead || defaultComponent;
-    return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.TableSectionContext.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        className: cx(
-          classes.root,
-          { [classes.stickyHeader]: stickyHeader },
-          className
-        ),
-        ref,
-        role: Component === defaultComponent ? null : "rowgroup",
-        ...others
-      }
-    ) });
-  }
-);
-exports.tableHeadClasses = TableHead_styles.staticClasses;
-exports.HvTableHead = HvTableHead;