@hitachivantara/uikit-react-core 5.102.1 → 5.104.0

package/dist/types/index.d.ts

@@ -51,6 +51,7 @@ import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
 import { HvThemeContext } from '@hitachivantara/uikit-react-shared';
 import { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
 import { HvThemeStructure } from '@hitachivantara/uikit-styles';
+import { IconWeight } from '@phosphor-icons/react';
 import { IdType as IdType_2 } from 'react-table';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -538,6 +539,8 @@ export declare const checkBoxClasses: {
     checked: string;
     indeterminate: string;
     semantic: string;
+    left: string;
+    right: string;
 };
 
 export declare const checkBoxGroupClasses: {
@@ -936,6 +939,7 @@ export declare const focusClasses: {
     disabled: string;
     focusDisabled: string;
     focused: string;
+    focusedVisible: string;
     focus: string;
 };
 
@@ -2534,6 +2538,10 @@ export declare interface HvCheckBoxProps extends Omit<HvBaseCheckBoxProps, "clas
      * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
      */
     statusMessage?: React.ReactNode;
+    /**
+     * The position of the label relative to the control.
+     */
+    labelPosition?: "left" | "right";
     /**
      * A Jss Object used to override or extend the styles applied to the checkbox.
      */
@@ -4528,6 +4536,7 @@ export declare interface HvListProps extends HvBaseProps<HTMLUListElement, "onCh
      * - icon: The icon.
      * - showNavIcon: If true renders the navigation icon on the right.
      * - path: The path to navigate to.
+     * - separator: Whether to show a separator after this list item.
      */
     values: HvListValue[];
     /** If true renders a multi select list. */
@@ -4576,6 +4585,8 @@ export declare interface HvListValue extends Record<string, any> {
     path?: string;
     params?: object;
     tabIndex?: number;
+    /** Whether to show a separator after this list item */
+    separator?: boolean;
 }
 
 /**
@@ -5362,6 +5373,10 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
     onFocusVisible?: (event: React.FocusEvent<any>) => void;
     /** @ignore */
     ref?: RadioProps["ref"];
+    /**
+     * The position of the label relative to the control.
+     */
+    labelPosition?: "left" | "right";
     /** @ignore */
     component?: RadioProps["component"];
 }
@@ -6045,6 +6060,8 @@ export declare interface HvStatusIconProps extends HvBaseProps {
     size?: HvSize;
     /** The type of status icon. */
     type?: HvStatusIconType;
+    /** Icon style */
+    weight?: IconWeight;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvStatusIconClasses;
 }
@@ -6216,6 +6233,10 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
     color?: HvColorAny;
     /** The size of the switch. */
     size?: HvBaseSwitchProps["size"];
+    /**
+     * The position of the label relative to the control.
+     */
+    labelPosition?: "top" | "left" | "right";
 }
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -7625,6 +7646,7 @@ export declare const listClasses: {
     truncate: string;
     item: string;
     itemSelector: string;
+    separator: string;
     link: string;
     selectAllSelector: string;
 };
@@ -7862,6 +7884,8 @@ export declare const radioClasses: {
     label: string;
     checked: string;
     semantic: string;
+    left: string;
+    right: string;
 };
 
 export declare const radioGroupClasses: {
@@ -8051,8 +8075,12 @@ export declare const switchClasses: {
     root: string;
     label: string;
     error: string;
+    container: string;
     switchContainer: string;
     invalidSwitch: string;
+    top: string;
+    left: string;
+    right: string;
 };
 
 export declare const tabClasses: {
@@ -8561,13 +8589,17 @@ declare const useClasses_110: (classesProp?: Partial<Record<"icon" | "root", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"left" | "right" | "top" | "container" | "label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
         error: string;
+        container: string;
         switchContainer: string;
         invalidSwitch: string;
+        top: string;
+        left: string;
+        right: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -9343,7 +9375,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9356,6 +9388,8 @@ declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label"
         checked: string;
         indeterminate: string;
         semantic: string;
+        left: string;
+        right: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -9384,13 +9418,14 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "invalid" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"disabled" | "selected" | "root" | "focus" | "focused" | "focusDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"disabled" | "selected" | "root" | "focus" | "focused" | "focusDisabled" | "focusedVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
         disabled: string;
         focusDisabled: string;
         focused: string;
+        focusedVisible: string;
         focus: string;
     };
     readonly css: any;
@@ -10200,7 +10235,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"a", string>>, addSta
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"link" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"link" | "separator" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         virtualizedRoot: string;
@@ -10210,6 +10245,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"link" | "root" | "it
         truncate: string;
         item: string;
         itemSelector: string;
+        separator: string;
         link: string;
         selectAllSelector: string;
     };
@@ -10217,7 +10253,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"link" | "root" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "hidden" | "root" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "hidden" | "root" | "blur" | "regular" | "barContainer" | "loadingBar" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         barContainer: string;
@@ -10358,7 +10394,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "removeButto
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10370,6 +10406,8 @@ declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label"
         label: string;
         checked: string;
         semantic: string;
+        left: string;
+        right: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.102.1",
+  "version": "5.104.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "UI Kit Core React components.",
@@ -32,9 +32,9 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-shared": "^5.5.4",
-    "@hitachivantara/uikit-react-utils": "^0.2.44",
-    "@hitachivantara/uikit-styles": "^5.50.2",
+    "@hitachivantara/uikit-react-shared": "^5.5.5",
+    "@hitachivantara/uikit-react-utils": "^0.2.45",
+    "@hitachivantara/uikit-styles": "^5.51.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "29a2e624c0162f33592aaecb9f59fbc6fc9194f4",
+  "gitHead": "18bba1bbe7a6ecddfcb9f56d1613c547bfd0e6d7",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/cjs/Accordion/Accordion.cjs

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useExpandable = require("../hooks/useExpandable.cjs");
-const icons = require("../icons.cjs");
-const Accordion_styles = require("./Accordion.styles.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const ButtonBase = require("../ButtonBase/ButtonBase.cjs");
-const HvAccordion = React.forwardRef(function HvAccordion2(props, ref) {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    disabled = false,
-    label,
-    onChange,
-    children,
-    expanded,
-    headingLevel,
-    defaultExpanded = false,
-    containerProps,
-    labelVariant = "label",
-    disableEventHandling,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvAccordion", props);
-  const { classes, cx } = Accordion_styles.useClasses(classesProp);
-  const { isOpen, toggleOpen, buttonProps, regionProps } = useExpandable.useExpandable({
-    id,
-    expanded,
-    disabled,
-    defaultExpanded
-  });
-  const handleClick = React.useCallback(
-    (event) => {
-      if (!disabled) {
-        onChange?.(event, isOpen);
-        toggleOpen();
-      }
-      if (!disableEventHandling) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    },
-    [disableEventHandling, disabled, isOpen, onChange, toggleOpen]
-  );
-  const accordionHeader = React.useMemo(() => {
-    const accordionButton = /* @__PURE__ */ jsxRuntime.jsxs(
-      Typography.HvTypography,
-      {
-        ...buttonProps,
-        component: ButtonBase.HvButtonBase,
-        className: cx(classes.label, { [classes.disabled]: disabled }),
-        disabled,
-        onClick: handleClick,
-        variant: labelVariant,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretDown", rotate: isOpen, size: "xs" }),
-          label
-        ]
-      }
-    );
-    return headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: `h${headingLevel}`, variant: labelVariant, children: accordionButton });
-  }, [
-    cx,
-    classes,
-    handleClick,
-    label,
-    buttonProps,
-    disabled,
-    headingLevel,
-    isOpen,
-    labelVariant
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: cx(classes.root, className), ...others, children: [
-    accordionHeader,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cx(classes.container, { [classes.hidden]: !isOpen }),
-        hidden: !isOpen,
-        ...regionProps,
-        ...containerProps,
-        children
-      }
-    )
-  ] });
-});
-exports.accordionClasses = Accordion_styles.staticClasses;
-exports.HvAccordion = HvAccordion;

package/dist/cjs/ActionBar/ActionBar.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const ActionBar_styles = require("./ActionBar.styles.cjs");
-const HvActionBar = React.forwardRef(function HvActionBar2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvActionBar", props);
-  const { classes, cx } = ActionBar_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cx(classes.root, className), ...others, children });
-});
-exports.actionBarClasses = ActionBar_styles.staticClasses;
-exports.HvActionBar = HvActionBar;

package/dist/cjs/ActionsGeneric/ActionsGeneric.cjs

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../icons.cjs");
-const setId = require("../utils/setId.cjs");
-const ActionsGeneric_styles = require("./ActionsGeneric.styles.cjs");
-const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
-const IconButton = require("../IconButton/IconButton.cjs");
-const Button = require("../Button/Button.cjs");
-const HvActionsGeneric = React.forwardRef(function HvActionsGeneric2(props, ref) {
-  const {
-    id: idProp,
-    classes: classesProp,
-    className,
-    category = "secondaryGhost",
-    // TODO - remove and update variant default in v6
-    variant: variantProp,
-    disabled = false,
-    actions = [],
-    actionsCallback,
-    // TODO - remove in v6
-    onAction,
-    maxVisibleActions = Infinity,
-    iconOnly: iconOnlyProp,
-    dropdownMenuProps: dropdownMenuPropsProp,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvActionsGeneric", props);
-  const { onClick: onClickDropdownMenu, ...dropdownMenuProps } = dropdownMenuPropsProp || {};
-  const variant = variantProp || category;
-  const { classes, cx } = ActionsGeneric_styles.useClasses(classesProp);
-  const handleCallback = (event, id, action) => {
-    actionsCallback?.(event, id, action);
-    onAction?.(event, action);
-  };
-  if (!Array.isArray(actions)) return React.isValidElement(actions) ? actions : null;
-  const renderButton = (action, idx) => {
-    const {
-      disabled: actDisabled,
-      id: actId,
-      icon,
-      label,
-      iconOnly,
-      ...other
-    } = action;
-    const actionId = setId.setId(idProp, idx, "action", action.id);
-    const renderedIcon = React.isValidElement(icon) ? icon : icon?.({ isDisabled: disabled });
-    const commonButtonProps = {
-      id: actionId,
-      variant,
-      className: classes.button,
-      disabled: actDisabled ?? disabled,
-      onClick: (event) => handleCallback(event, idProp || "", action),
-      ...other
-    };
-    const key = actionId || idx;
-    const isIcon = iconOnly ?? iconOnlyProp;
-    if (isIcon) {
-      return /* @__PURE__ */ jsxRuntime.jsx(IconButton.HvIconButton, { ...commonButtonProps, title: label, children: renderedIcon }, key);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ...commonButtonProps, startIcon: renderedIcon, children: label }, key);
-  };
-  const renderActionsGrid = () => {
-    const actsVisible = actions.slice(0, maxVisibleActions);
-    const actsDropdown = actions.slice(maxVisibleActions);
-    const iconColor = variant === "semantic" && "textDark" || void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      actsVisible.map((action, idx) => renderButton(action, idx)),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        DropDownMenu.HvDropDownMenu,
-        {
-          id: setId.setId(idProp, "menu"),
-          disabled,
-          variant,
-          classes: {
-            root: classes.dropDownMenu,
-            icon: classes.dropDownMenuButton,
-            iconSelected: classes.dropDownMenuButtonSelected
-          },
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "DotsVertical", color: iconColor }),
-          placement: "left",
-          onClick: (event, action) => {
-            handleCallback(event, idProp || "", action);
-            onClickDropdownMenu?.(event, action);
-          },
-          dataList: actsDropdown,
-          keepOpened: false,
-          disablePortal: false,
-          ...dropdownMenuProps
-        }
-      )
-    ] });
-  };
-  const actionOverflow = actions.length > maxVisibleActions;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cx(
-        classes.root,
-        { [classes.actionContainer]: actionOverflow },
-        className
-      ),
-      ...others,
-      children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx))
-    }
-  );
-});
-exports.actionsGenericClasses = ActionsGeneric_styles.staticClasses;
-exports.HvActionsGeneric = HvActionsGeneric;

package/dist/cjs/AppSwitcher/Action/Action.cjs

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const icons = require("../../icons.cjs");
-const Action_styles = require("./Action.styles.cjs");
-const Avatar = require("../../Avatar/Avatar.cjs");
-const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const Tooltip = require("../../Tooltip/Tooltip.cjs");
-const HvAppSwitcherAction = ({
-  id,
-  className,
-  classes: classesProp,
-  application,
-  onClickCallback = () => {
-  },
-  isSelectedCallback = () => false
-}) => {
-  const { classes, cx } = Action_styles.useClasses(classesProp);
-  const { name, description, disabled, iconElement, iconUrl, url, target } = application;
-  const color = uikitStyles.getColor(
-    disabled ? "textDisabled" : application?.color,
-    "text"
-  );
-  const [validIconUrl, setValidIconUrl] = React.useState(true);
-  const renderApplicationIcon = () => {
-    if (iconElement) {
-      return iconElement;
-    }
-    if (iconUrl && validIconUrl) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          className: classes.iconUrl,
-          src: iconUrl,
-          onError: () => {
-            setValidIconUrl(false);
-          },
-          alt: description
-        }
-      );
-    }
-    const brokenTitle = name.split(" ");
-    const initials = brokenTitle[0].slice(0, 1) + (brokenTitle[1] ? brokenTitle[1].slice(0, 1) : "");
-    return /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { size: "sm", backgroundColor: color, variant: "square", "aria-hidden": true, children: initials });
-  };
-  const isSelected = isSelectedCallback(application);
-  const handleOnClick = React.useCallback(
-    (event) => {
-      if (disabled) {
-        event.preventDefault();
-        return;
-      }
-      onClickCallback?.(event, { ...application, isSelected });
-    },
-    [application, disabled, isSelected, onClickCallback]
-  );
-  const isLink = url != null;
-  const descriptionElementId = useUniqueId.useUniqueId(id);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ListItem.HvListItem,
-    {
-      id,
-      interactive: true,
-      tabIndex: 0,
-      selected: isSelected,
-      disabled,
-      className: cx(
-        classes.root,
-        {
-          [classes.selected]: isSelected,
-          [classes.disabled]: disabled
-        },
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Typography.HvTypography,
-        {
-          component: "button",
-          className: classes.typography,
-          onClick: handleOnClick,
-          style: { borderColor: color },
-          "aria-label": name,
-          ...description && { "aria-describedby": descriptionElementId },
-          ...isLink && { component: "a", href: url, target: target || "_top" },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: renderApplicationIcon() }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowTooltip.HvOverflowTooltip,
-              {
-                paragraphOverflow: true,
-                className: classes.title,
-                placement: "top-start",
-                data: name,
-                classes: {
-                  tooltipAnchorParagraph: classes.titleAnchor
-                }
-              }
-            ),
-            description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(
-              icons.HvIcon,
-              {
-                name: "Info",
-                compact: true,
-                className: classes.iconInfo,
-                id: descriptionElementId
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  );
-};
-exports.appSwitcherActionClasses = Action_styles.staticClasses;
-exports.HvAppSwitcherAction = HvAppSwitcherAction;

package/dist/cjs/AppSwitcher/AppSwitcher.cjs

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
-const Action = require("./Action/Action.cjs");
-const Panel = require("../Panel/Panel.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const OverflowTooltip = require("../OverflowTooltip/OverflowTooltip.cjs");
-const ListContainer = require("../ListContainer/ListContainer.cjs");
-const HvAppSwitcher = React.forwardRef(function HvAppSwitcher2(props, ref) {
-  const {
-    className,
-    classes: classesProp,
-    layout = "single",
-    title,
-    applications,
-    onActionClickedCallback = () => {
-    },
-    isActionSelectedCallback = () => false,
-    header,
-    footer,
-    isOpen,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvAppSwitcher", props);
-  const { classes, cx } = AppSwitcher_styles.useClasses(classesProp);
-  const panelActions = React.useMemo(
-    () => applications?.map((application) => {
-      if (application.name) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          Action.HvAppSwitcherAction,
-          {
-            application,
-            onClickCallback: onActionClickedCallback,
-            isSelectedCallback: isActionSelectedCallback,
-            classes: {
-              root: classes.item,
-              selected: classes.itemSelected,
-              disabled: classes.itemDisabled,
-              typography: classes.itemTrigger,
-              icon: classes.itemIcon,
-              title: classes.itemTitle,
-              iconInfo: classes.itemInfoIcon
-            }
-          },
-          application.id || `${application.name}_${application.url}`
-        );
-      }
-      return void 0;
-    }),
-    [applications, classes, isActionSelectedCallback, onActionClickedCallback]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Panel.HvPanel,
-    {
-      ref,
-      className: cx(
-        classes.root,
-        classes[layout],
-        { [classes.open]: !!isOpen, [classes.closed]: isOpen === false },
-        className
-      ),
-      ...others,
-      children: [
-        header && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "div", variant: "label", className: classes.title, children: header }) || title && /* @__PURE__ */ jsxRuntime.jsx(
-          OverflowTooltip.HvOverflowTooltip,
-          {
-            className: classes.title,
-            data: title,
-            placement: "top-start",
-            classes: {
-              tooltipAnchorParagraph: classes.titleAnchor
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ListContainer.HvListContainer,
-          {
-            condensed: true,
-            disableGutters: true,
-            className: classes.actionsContainer,
-            children: panelActions
-          }
-        ),
-        footer && /* @__PURE__ */ jsxRuntime.jsx(
-          Typography.HvTypography,
-          {
-            component: "div",
-            variant: "label",
-            className: classes.footerContainer,
-            children: footer
-          }
-        )
-      ]
-    }
-  );
-});
-exports.appSwitcherClasses = AppSwitcher_styles.staticClasses;
-exports.HvAppSwitcher = HvAppSwitcher;