@hitachivantara/uikit-react-core 5.16.0 → 5.18.0

package/dist/cjs/index.cjs

@@ -37,7 +37,7 @@ const selectionListClasses = require("./components/SelectionList/selectionListCl
 const SelectionList = require("./components/SelectionList/SelectionList.cjs");
 const suggestionsClasses = require("./components/Forms/Suggestions/suggestionsClasses.cjs");
 const Suggestions = require("./components/Forms/Suggestions/Suggestions.cjs");
-const baseInputClasses = require("./components/BaseInput/baseInputClasses.cjs");
+const BaseInput_styles = require("./components/BaseInput/BaseInput.styles.cjs");
 const BaseInput = require("./components/BaseInput/BaseInput.cjs");
 const baseDropdownClasses = require("./components/BaseDropdown/baseDropdownClasses.cjs");
 const BaseDropdown = require("./components/BaseDropdown/BaseDropdown.cjs");
@@ -51,23 +51,23 @@ const badgeClasses = require("./components/Badge/badgeClasses.cjs");
 const Badge = require("./components/Badge/Badge.cjs");
 const buttonClasses = require("./components/Button/buttonClasses.cjs");
 const Button = require("./components/Button/Button.cjs");
-const cardClasses = require("./components/Card/cardClasses.cjs");
+const Card_styles = require("./components/Card/Card.styles.cjs");
 const Card = require("./components/Card/Card.cjs");
-const headerClasses = require("./components/Card/Header/headerClasses.cjs");
+const Header_styles = require("./components/Card/Header/Header.styles.cjs");
 const Header = require("./components/Card/Header/Header.cjs");
-const contentClasses = require("./components/Card/Content/contentClasses.cjs");
+const Content_styles = require("./components/Card/Content/Content.styles.cjs");
 const Content = require("./components/Card/Content/Content.cjs");
-const mediaClasses = require("./components/Card/Media/mediaClasses.cjs");
+const Media_styles = require("./components/Card/Media/Media.styles.cjs");
 const Media = require("./components/Card/Media/Media.cjs");
 const containerClasses = require("./components/Container/containerClasses.cjs");
 const Container = require("./components/Container/Container.cjs");
-const dialogClasses = require("./components/Dialog/dialogClasses.cjs");
 const titleClasses = require("./components/Dialog/Title/titleClasses.cjs");
 const Title = require("./components/Dialog/Title/Title.cjs");
-const contentClasses$1 = require("./components/Dialog/Content/contentClasses.cjs");
+const contentClasses = require("./components/Dialog/Content/contentClasses.cjs");
 const Content$1 = require("./components/Dialog/Content/Content.cjs");
 const actionsClasses = require("./components/Dialog/Actions/actionsClasses.cjs");
 const Actions = require("./components/Dialog/Actions/Actions.cjs");
+const Dialog_styles = require("./components/Dialog/Dialog.styles.cjs");
 const Dialog = require("./components/Dialog/Dialog.cjs");
 const emptyStateClasses = require("./components/EmptyState/emptyStateClasses.cjs");
 const EmptyState = require("./components/EmptyState/EmptyState.cjs");
@@ -75,7 +75,7 @@ const footerClasses = require("./components/Footer/footerClasses.cjs");
 const Footer = require("./components/Footer/Footer.cjs");
 const gridClasses = require("./components/Grid/gridClasses.cjs");
 const Grid = require("./components/Grid/Grid.cjs");
-const headerClasses$1 = require("./components/Header/headerClasses.cjs");
+const headerClasses = require("./components/Header/headerClasses.cjs");
 const Header$1 = require("./components/Header/Header.cjs");
 const actionsClasses$1 = require("./components/Header/Actions/actionsClasses.cjs");
 const Actions$1 = require("./components/Header/Actions/Actions.cjs");
@@ -123,7 +123,7 @@ const baseSwitchClasses = require("./components/BaseSwitch/baseSwitchClasses.cjs
 const BaseSwitch = require("./components/BaseSwitch/BaseSwitch.cjs");
 const checkBoxClasses = require("./components/CheckBox/checkBoxClasses.cjs");
 const CheckBox = require("./components/CheckBox/CheckBox.cjs");
-const inputClasses = require("./components/Input/inputClasses.cjs");
+const Input_styles = require("./components/Input/Input.styles.cjs");
 const Input = require("./components/Input/Input.cjs");
 const switchClasses = require("./components/Switch/switchClasses.cjs");
 const Switch = require("./components/Switch/Switch.cjs");
@@ -144,9 +144,9 @@ const Preview = require("./components/FileUploader/Preview/Preview.cjs");
 const fileClasses = require("./components/FileUploader/File/fileClasses.cjs");
 const File = require("./components/FileUploader/File/File.cjs");
 const FileUploader = require("./components/FileUploader/FileUploader.cjs");
-const dropDownMenuClasses = require("./components/DropDownMenu/dropDownMenuClasses.cjs");
+const DropDownMenu_styles = require("./components/DropDownMenu/DropDownMenu.styles.cjs");
 const DropDownMenu = require("./components/DropDownMenu/DropDownMenu.cjs");
-const paginationClasses = require("./components/Pagination/paginationClasses.cjs");
+const Pagination_styles = require("./components/Pagination/Pagination.styles.cjs");
 const Pagination = require("./components/Pagination/Pagination.cjs");
 const actionsGenericClasses = require("./components/ActionsGeneric/actionsGenericClasses.cjs");
 const ActionsGeneric = require("./components/ActionsGeneric/ActionsGeneric.cjs");
@@ -179,9 +179,9 @@ const tableHeadClasses = require("./components/Table/TableHead/tableHeadClasses.
 const TableHead = require("./components/Table/TableHead/TableHead.cjs");
 const tableHeaderClasses = require("./components/Table/TableHeader/tableHeaderClasses.cjs");
 const TableHeader = require("./components/Table/TableHeader/TableHeader.cjs");
-const tableRowClasses = require("./components/Table/TableRow/tableRowClasses.cjs");
+const TableRow_styles = require("./components/Table/TableRow/TableRow.styles.cjs");
 const TableRow = require("./components/Table/TableRow/TableRow.cjs");
-const tableCellClasses = require("./components/Table/TableCell/tableCellClasses.cjs");
+const TableCell_styles = require("./components/Table/TableCell/TableCell.styles.cjs");
 const TableCell = require("./components/Table/TableCell/TableCell.cjs");
 const useTableStyles = require("./components/Table/hooks/useTableStyles.cjs");
 const useSortBy = require("./components/Table/hooks/useSortBy.cjs");
@@ -214,7 +214,7 @@ const calendarHeaderClasses = require("./components/Calendar/CalendarHeader/cale
 const CalendarHeader = require("./components/Calendar/CalendarHeader/CalendarHeader.cjs");
 const verticalNavigationClasses = require("./components/VerticalNavigation/verticalNavigationClasses.cjs");
 const VerticalNavigation = require("./components/VerticalNavigation/VerticalNavigation.cjs");
-const headerClasses$2 = require("./components/VerticalNavigation/Header/headerClasses.cjs");
+const headerClasses$1 = require("./components/VerticalNavigation/Header/headerClasses.cjs");
 const Header$2 = require("./components/VerticalNavigation/Header/Header.cjs");
 const actionClasses$1 = require("./components/VerticalNavigation/Actions/actionClasses.cjs");
 const actionsClasses$2 = require("./components/VerticalNavigation/Actions/actionsClasses.cjs");
@@ -231,27 +231,27 @@ const TreeViewItem = require("./components/VerticalNavigation/TreeView/TreeViewI
 const VerticalNavigationContext = require("./components/VerticalNavigation/VerticalNavigationContext.cjs");
 const sliderClasses = require("./components/Slider/sliderClasses.cjs");
 const Slider = require("./components/Slider/Slider.cjs");
-const filterGroupClasses = require("./components/FilterGroup/filterGroupClasses.cjs");
+const FilterGroup_styles = require("./components/FilterGroup/FilterGroup.styles.cjs");
 const FilterGroup = require("./components/FilterGroup/FilterGroup.cjs");
+const DatePicker_styles = require("./components/DatePicker/DatePicker.styles.cjs");
 const DatePicker = require("./components/DatePicker/DatePicker.cjs");
-const scrollToVerticalClasses = require("./components/ScrollTo/Vertical/scrollToVerticalClasses.cjs");
-const verticalScrollListItemClasses = require("./components/ScrollTo/Vertical/VerticalScrollListItem/verticalScrollListItemClasses.cjs");
+const VerticalScrollListItem_styles = require("./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.cjs");
+const ScrollToVertical_styles = require("./components/ScrollTo/Vertical/ScrollToVertical.styles.cjs");
 const ScrollToVertical = require("./components/ScrollTo/Vertical/ScrollToVertical.cjs");
-const scrollToHorizontalClasses = require("./components/ScrollTo/Horizontal/scrollToHorizontalClasses.cjs");
-const horizontalScrollListItemClasses = require("./components/ScrollTo/Horizontal/HorizontalScrollListItem/horizontalScrollListItemClasses.cjs");
+const HorizontalScrollListItem_styles = require("./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.cjs");
+const ScrollToHorizontal_styles = require("./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.cjs");
 const ScrollToHorizontal = require("./components/ScrollTo/Horizontal/ScrollToHorizontal.cjs");
 const useScrollTo = require("./components/ScrollTo/useScrollTo.cjs");
-const inlineEditorClasses = require("./components/InlineEditor/inlineEditorClasses.cjs");
+const InlineEditor_styles = require("./components/InlineEditor/InlineEditor.styles.cjs");
 const InlineEditor = require("./components/InlineEditor/InlineEditor.cjs");
 const timeAgoClasses = require("./components/TimeAgo/timeAgoClasses.cjs");
 const TimeAgo = require("./components/TimeAgo/TimeAgo.cjs");
-const queryBuilderClasses = require("./components/QueryBuilder/queryBuilderClasses.cjs");
+const QueryBuilder_styles = require("./components/QueryBuilder/QueryBuilder.styles.cjs");
 const QueryBuilder = require("./components/QueryBuilder/QueryBuilder.cjs");
-const colorPickerClasses = require("./components/ColorPicker/colorPickerClasses.cjs");
+const ColorPicker_styles = require("./components/ColorPicker/ColorPicker.styles.cjs");
 const ColorPicker = require("./components/ColorPicker/ColorPicker.cjs");
 const Carousel_styles = require("./components/Carousel/Carousel.styles.cjs");
 const Carousel = require("./components/Carousel/Carousel.cjs");
-const CarouselSlide_styles = require("./components/Carousel/CarouselSlide/CarouselSlide.styles.cjs");
 const CarouselSlide = require("./components/Carousel/CarouselSlide/CarouselSlide.cjs");
 const TimePicker_styles = require("./components/TimePicker/TimePicker.styles.cjs");
 const TimePicker = require("./components/TimePicker/TimePicker.cjs");
@@ -347,7 +347,7 @@ exports.selectionListClasses = selectionListClasses.default;
 exports.HvSelectionList = SelectionList.HvSelectionList;
 exports.suggestionsClasses = suggestionsClasses.default;
 exports.HvSuggestions = Suggestions.HvSuggestions;
-exports.baseInputClasses = baseInputClasses.default;
+exports.baseInputClasses = BaseInput_styles.staticClasses;
 exports.HvBaseInput = BaseInput.HvBaseInput;
 exports.baseDropdownClasses = baseDropdownClasses.default;
 exports.HvBaseDropdown = BaseDropdown.HvBaseDropdown;
@@ -361,23 +361,23 @@ exports.badgeClasses = badgeClasses.default;
 exports.HvBadge = Badge.HvBadge;
 exports.buttonClasses = buttonClasses.default;
 exports.HvButton = Button.HvButton;
-exports.cardClasses = cardClasses.default;
+exports.cardClasses = Card_styles.staticClasses;
 exports.HvCard = Card.HvCard;
-exports.cardHeaderClasses = headerClasses.default;
+exports.cardHeaderClasses = Header_styles.staticClasses;
 exports.HvCardHeader = Header.HvCardHeader;
-exports.cardContentClasses = contentClasses.default;
+exports.cardContentClasses = Content_styles.staticClasses;
 exports.HvCardContent = Content.HvCardContent;
-exports.cardMediaClasses = mediaClasses.default;
+exports.cardMediaClasses = Media_styles.staticClasses;
 exports.HvCardMedia = Media.HvCardMedia;
 exports.containerClasses = containerClasses.default;
 exports.HvContainer = Container.HvContainer;
-exports.dialogClasses = dialogClasses.default;
 exports.dialogTitleClasses = titleClasses.default;
 exports.HvDialogTitle = Title.HvDialogTitle;
-exports.dialogContentClasses = contentClasses$1.default;
+exports.dialogContentClasses = contentClasses.default;
 exports.HvDialogContent = Content$1.HvDialogContent;
 exports.dialogActionClasses = actionsClasses.default;
 exports.HvDialogActions = Actions.HvDialogActions;
+exports.dialogClasses = Dialog_styles.staticClasses;
 exports.HvDialog = Dialog.HvDialog;
 exports.emptyStateClasses = emptyStateClasses.default;
 exports.HvEmptyState = EmptyState.HvEmptyState;
@@ -385,7 +385,7 @@ exports.footerClasses = footerClasses.default;
 exports.HvFooter = Footer.HvFooter;
 exports.gridClasses = gridClasses.default;
 exports.HvGrid = Grid.HvGrid;
-exports.headerClasses = headerClasses$1.default;
+exports.headerClasses = headerClasses.default;
 exports.HvHeader = Header$1.HvHeader;
 exports.headerActionsClasses = actionsClasses$1.default;
 exports.HvHeaderActions = Actions$1.HvHeaderActions;
@@ -434,7 +434,7 @@ exports.baseSwitchClasses = baseSwitchClasses.default;
 exports.HvBaseSwitch = BaseSwitch.HvBaseSwitch;
 exports.checkBoxClasses = checkBoxClasses.default;
 exports.HvCheckBox = CheckBox.HvCheckBox;
-exports.inputClasses = inputClasses.default;
+exports.inputClasses = Input_styles.staticClasses;
 exports.HvInput = Input.HvInput;
 exports.switchClasses = switchClasses.default;
 exports.HvSwitch = Switch.HvSwitch;
@@ -455,9 +455,9 @@ exports.HvFileUploaderPreview = Preview.HvFileUploaderPreview;
 exports.fileClasses = fileClasses.default;
 exports.HvFile = File.HvFile;
 exports.HvFileUploader = FileUploader.HvFileUploader;
-exports.dropDownMenuClasses = dropDownMenuClasses.default;
-exports.HvDropDownMenu = DropDownMenu.default;
-exports.paginationClasses = paginationClasses.default;
+exports.dropDownMenuClasses = DropDownMenu_styles.staticClasses;
+exports.HvDropDownMenu = DropDownMenu.HvDropDownMenu;
+exports.paginationClasses = Pagination_styles.staticClasses;
 exports.HvPagination = Pagination.HvPagination;
 exports.actionsGenericClasses = actionsGenericClasses.default;
 exports.HvActionsGeneric = ActionsGeneric.HvActionsGeneric;
@@ -491,9 +491,9 @@ exports.tableHeadClasses = tableHeadClasses.default;
 exports.HvTableHead = TableHead.HvTableHead;
 exports.tableHeaderClasses = tableHeaderClasses.default;
 exports.HvTableHeader = TableHeader.HvTableHeader;
-exports.tableRowClasses = tableRowClasses.default;
+exports.tableRowClasses = TableRow_styles.staticClasses;
 exports.HvTableRow = TableRow.HvTableRow;
-exports.tableCellClasses = tableCellClasses.default;
+exports.tableCellClasses = TableCell_styles.staticClasses;
 exports.HvTableCell = TableCell.HvTableCell;
 exports.getHeaderFooterPropsHook = useTableStyles.getHeaderFooterPropsHook;
 exports.useHvTableStyles = useTableStyles.default;
@@ -560,7 +560,7 @@ exports.calendarHeaderClasses = calendarHeaderClasses.default;
 exports.HvCalendarHeader = CalendarHeader.HvCalendarHeader;
 exports.verticalNavigationClasses = verticalNavigationClasses.default;
 exports.HvVerticalNavigation = VerticalNavigation.HvVerticalNavigation;
-exports.verticalNavigationHeaderClasses = headerClasses$2.default;
+exports.verticalNavigationHeaderClasses = headerClasses$1.default;
 exports.HvVerticalNavigationHeader = Header$2.HvVerticalNavigationHeader;
 exports.actionClasses = actionClasses$1.default;
 exports.actionsClasses = actionsClasses$2.default;
@@ -577,27 +577,27 @@ exports.HvVerticalNavigationTreeViewItem = TreeViewItem.HvVerticalNavigationTree
 exports.VerticalNavigationContext = VerticalNavigationContext.VerticalNavigationContext;
 exports.sliderClasses = sliderClasses.default;
 exports.HvSlider = Slider.HvSlider;
-exports.filterGroupClasses = filterGroupClasses.default;
+exports.filterGroupClasses = FilterGroup_styles.staticClasses;
 exports.HvFilterGroup = FilterGroup.HvFilterGroup;
+exports.datePickerClasses = DatePicker_styles.staticClasses;
 exports.HvDatePicker = DatePicker.HvDatePicker;
-exports.scrollToVerticalClasses = scrollToVerticalClasses.default;
-exports.verticalScrollListItemClasses = verticalScrollListItemClasses.default;
+exports.verticalScrollListItemClasses = VerticalScrollListItem_styles.staticClasses;
+exports.scrollToVerticalClasses = ScrollToVertical_styles.staticClasses;
 exports.HvScrollToVertical = ScrollToVertical.HvScrollToVertical;
-exports.scrollToHorizontalClasses = scrollToHorizontalClasses.default;
-exports.horizontalScrollListItemClasses = horizontalScrollListItemClasses.default;
+exports.horizontalScrollListItemClasses = HorizontalScrollListItem_styles.staticClasses;
+exports.scrollToHorizontalClasses = ScrollToHorizontal_styles.staticClasses;
 exports.HvScrollToHorizontal = ScrollToHorizontal.HvScrollToHorizontal;
 exports.useScrollTo = useScrollTo.useScrollTo;
-exports.inlineEditorClasses = inlineEditorClasses.default;
+exports.inlineEditorClasses = InlineEditor_styles.staticClasses;
 exports.HvInlineEditor = InlineEditor.HvInlineEditor;
 exports.timeAgoClasses = timeAgoClasses.default;
 exports.HvTimeAgo = TimeAgo.HvTimeAgo;
-exports.queryBuilderClasses = queryBuilderClasses.default;
+exports.queryBuilderClasses = QueryBuilder_styles.staticClasses;
 exports.HvQueryBuilder = QueryBuilder.HvQueryBuilder;
-exports.colorPickerClasses = colorPickerClasses.default;
+exports.colorPickerClasses = ColorPicker_styles.staticClasses;
 exports.HvColorPicker = ColorPicker.HvColorPicker;
-exports.carouselClasses = Carousel_styles.carouselClasses;
+exports.carouselClasses = Carousel_styles.staticClasses;
 exports.HvCarousel = Carousel.HvCarousel;
-exports.cc = CarouselSlide_styles.cc;
 exports.HvCarouselSlide = CarouselSlide.HvCarouselSlide;
 exports.timePickerClasses = TimePicker_styles.staticClasses;
 exports.HvTimePicker = TimePicker.HvTimePicker;

package/dist/cjs/utils/classes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = ReturnType<T>[\"classes\"];\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.hasOwn(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  function useClasses(classesProp: Partial<Record<ClassName, string>> = {}) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(`${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","hasOwn","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";;;AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,OAAOJ,KAAKF,GAAG,GAAG;AACrBO,YAAAA,SAASJ,MAAMH,GAAG;AAClBQ,YAAAA,QAAQN,IAAIF,GAAG;AACdO,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWP,eAAeO,OAAcL,KAAK,IAAIK;AAAAA,IACtE;AAAA,EACF;AACOJ,SAAAA;AACT;AAGaK,MAAAA,WAAW,CAAmBC,WAAcb,SAAoB;AACpEI,SAAAA,eAAeS,WAAYV,CAAQ,QAAA;AAClCW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMO,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGf,QAAQe,MAAMK,MAAM,CAAC,GAAG,GAC/DjB,GACF;AACA,WAAOO,UAAUP;AAAAA,EAAAA,CAClB;AACH;AAGgBkB,SAAAA,cAEdrB,MACAsB,cACA;AACMC,QAAAA,SAASX,SAASU,cAActB,IAAI;AAE1C,QAAMwB,gBAAgB1B,WAAWU,OAAOT,KAAKwB,MAAM,GAAkBvB,IAAI;AAEhEyB,WAAAA,WAAWC,cAAkD,IAAI;AAClE,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO,OAAA;AAE3B,UAAMC,eAAeA,CAAC3B,QACpBwB,GAAI,GAAE3B,QAAQG,OAAOyB,IAAIL,OAAOpB,GAAG,CAAC,GAAGuB,2CAAcvB,IAAI;AAE3D,UAAM4B,UAAUvB,OAAOwB,YACrBxB,OAAOT,KAAKwB,MAAM,EAAEU,IAAK9B,CAAAA,QAAQ,CAACA,KAAK2B,aAAa3B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE4B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEF;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;;;;"}
+{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = Partial<ReturnType<T>[\"classes\"]>;\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.hasOwn(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  function useClasses(classesProp: Partial<Record<ClassName, string>> = {}) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(`${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","hasOwn","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";;;AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,OAAOJ,KAAKF,GAAG,GAAG;AACrBO,YAAAA,SAASJ,MAAMH,GAAG;AAClBQ,YAAAA,QAAQN,IAAIF,GAAG;AACdO,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWP,eAAeO,OAAcL,KAAK,IAAIK;AAAAA,IACtE;AAAA,EACF;AACOJ,SAAAA;AACT;AAGaK,MAAAA,WAAW,CAAmBC,WAAcb,SAAoB;AACpEI,SAAAA,eAAeS,WAAYV,CAAQ,QAAA;AAClCW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMO,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGf,QAAQe,MAAMK,MAAM,CAAC,GAAG,GAC/DjB,GACF;AACA,WAAOO,UAAUP;AAAAA,EAAAA,CAClB;AACH;AAGgBkB,SAAAA,cAEdrB,MACAsB,cACA;AACMC,QAAAA,SAASX,SAASU,cAActB,IAAI;AAE1C,QAAMwB,gBAAgB1B,WAAWU,OAAOT,KAAKwB,MAAM,GAAkBvB,IAAI;AAEhEyB,WAAAA,WAAWC,cAAkD,IAAI;AAClE,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO,OAAA;AAE3B,UAAMC,eAAeA,CAAC3B,QACpBwB,GAAI,GAAE3B,QAAQG,OAAOyB,IAAIL,OAAOpB,GAAG,CAAC,GAAGuB,2CAAcvB,IAAI;AAE3D,UAAM4B,UAAUvB,OAAOwB,YACrBxB,OAAOT,KAAKwB,MAAM,EAAEU,IAAK9B,CAAAA,QAAQ,CAACA,KAAK2B,aAAa3B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE4B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEF;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;;;;"}

package/dist/esm/components/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionBar.styles\";\n\nexport { staticClasses as actionBarClasses };\n\nexport type HvActionBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionBarProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvActionBarClasses>;\n}\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes: classesProp, className, children, ...others } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvActionBar","props","classes","classesProp","className","children","others","cx","useClasses","root"],"mappings":";;;AAaaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC;AAAAA,IAAWC;AAAAA,IAAU,GAAGC;AAAAA,EAAWL,IAAAA;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAE9C,6BACE,OAAA;AAAA,IAAKC,WAAWG,GAAGL,QAAQO,MAAML,SAAS;AAAA,IAAE,GAAKE;AAAAA,IAAMD;AAAAA,EAAAA,CAElD;AAET;"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionBar.styles\";\n\nexport { staticClasses as actionBarClasses };\n\nexport type HvActionBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionBarProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionBarClasses;\n}\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes: classesProp, className, children, ...others } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvActionBar","props","classes","classesProp","className","children","others","cx","useClasses","root"],"mappings":";;;AAaaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC;AAAAA,IAAWC;AAAAA,IAAU,GAAGC;AAAAA,EAAWL,IAAAA;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAE9C,6BACE,OAAA;AAAA,IAAKC,WAAWG,GAAGL,QAAQO,MAAML,SAAS;AAAA,IAAE,GAAKE;AAAAA,IAAMD;AAAAA,EAAAA,CAElD;AAET;"}

package/dist/esm/components/ActionsGeneric/ActionsGeneric.js

@@ -5,7 +5,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 import { StyledRoot, StyledButton } from "./ActionsGeneric.styles.js";
 import actionsGenericClasses from "./actionsGenericClasses.js";
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import HvDropDownMenu from "../DropDownMenu/DropDownMenu.js";
+import { HvDropDownMenu } from "../DropDownMenu/DropDownMenu.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { setId } from "../../utils/setId.js";
 const HvActionsGeneric = ({
@@ -26,7 +26,7 @@ const HvActionsGeneric = ({
   if (!Array.isArray(actions))
     return isValidElement(actions) ? actions : null;
   const renderButton = (action, idx) => {
-    var _a, _b;
+    var _a;
     const {
       disabled: actDisabled,
       id: actId,
@@ -46,7 +46,6 @@ const HvActionsGeneric = ({
       onClick: (event) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
       startIcon: renderedIcon,
       $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || theme.colors.base_light,
-      size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md",
       ...other,
       children: label
     }, actionId || idx);

package/dist/esm/components/ActionsGeneric/ActionsGeneric.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  HvButtonSize,\n  HvButtonVariant,\n  HvDropDownMenu,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport React, { isValidElement } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport actionsGenericClasses, {\n  HvActionsGenericClasses,\n} from \"./actionsGenericClasses\";\n\nexport interface HvActionGeneric {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n}\n\nexport interface HvActionsGenericProps extends HvBaseProps {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionsGenericClasses;\n}\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event: React.SyntheticEvent) =>\n          actionsCallback?.(event, id || \"\", action)\n        }\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) || \"md\"}\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"secondary_60\") || (semantic && \"base_dark\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) =>\n            actionsCallback?.(event, id || \"\", action as HvActionGeneric)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useTheme","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base_light","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":";;;;;;;;;;AA6CO,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU,CAAE;AAAA,EACZC;AAAAA,EACAC,oBAAoBC;AAAAA,EACpB,GAAGC;AACkB,MAAM;AACrB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAS;AAE3C,MAAA,CAACC,MAAMC,QAAQT,OAAO;AAAUU,WAAAA,eAAeV,OAAO,IAAIA,UAAU;AAElEW,QAAAA,eAAeA,CAACC,QAAyBC,QAAgB;;AACvD,UAAA;AAAA,MAAEd,UAAUe;AAAAA,MAAanB,IAAIoB;AAAAA,MAAOC;AAAAA,MAAMC;AAAAA,MAAO,GAAGC;AAAAA,IAAUN,IAAAA;AACpE,UAAMO,WAAWC,MAAMzB,IAAIkB,KAAK,UAAUD,OAAOjB,EAAE;AAEnD,UAAM0B,eAAeX,eAAeM,IAAI,IACpCA,OACCA,6BAAoB;AAAA,MAAEM,YAAYvB;AAAAA,IAAAA;AAEvC,+BACGwB,cAAY;AAAA,MACX5B,IAAIwB;AAAAA,MAEJK,SAAS1B;AAAAA,MACTD,WAAW4B,KAAKC,sBAAsBC,QAAQ/B,mCAAS+B,MAAM;AAAA,MAC7D5B,UAAUe,eAAef;AAAAA,MACzB6B,SAASA,CAACC,UACR5B,mDAAkB4B,OAAOlC,MAAM,IAAIiB;AAAAA,MAErCkB,WAAWT;AAAAA,MACXU,cACE1B,gDAAa2B,WAAb3B,mBAAqB4B,MAAM3B,cAAc4B,eACzCC,MAAMH,OAAOE;AAAAA,MAEfE,QAAO/B,gDAAagC,mBAAbhC,mBAA6BiC,eAA+B;AAAA,MAAK,GACpEpB;AAAAA,MAAKqB,UAERtB;AAAAA,IAAAA,GAfIE,YAAYN,GAgBL;AAAA,EAAA;AAIlB,QAAM2B,oBAAoBA,MAAM;AAC9B,UAAMC,cAAczC,QAAQ0C,MAAM,GAAGxC,iBAAiB;AAChDyC,UAAAA,eAAe3C,QAAQ0C,MAAMxC,iBAAiB;AAEpD,UAAM0C,WAAW9C,aAAa;AAC9B,UAAM+C,YACH9C,YAAY,kBAAoB6C,YAAY,eAAgBE;AAE/D,gCACEC,UAAA;AAAA,MAAAR,UAAA,CACGE,YAAYO,IAAI,CAACpC,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC,uBAC1DoC,gBAAc;AAAA,QACbtD,IAAIyB,MAAMzB,IAAI,MAAM;AAAA,QACpBI;AAAAA,QACAD;AAAAA,QACAF,SAAS;AAAA,UACPsD,MAAMzB,KACJC,sBAAsByB,cACtBvD,mCAASuD,YACX;AAAA,UACAnC,MAAMS,KACJC,sBAAsB0B,oBACtBxD,mCAASwD,kBACX;AAAA,UACAC,cAAc5B,KACZC,sBAAsB4B,4BACtB1D,mCAAS0D,0BACX;AAAA,QACF;AAAA,QACAtC,0BAAOuC,qBAAmB;AAAA,UAACC,OAAOX;AAAAA,QAAAA,CAAY;AAAA,QAC9CY,WAAU;AAAA,QACV7B,SAASA,CAACC,OAAOjB,WACfX,mDAAkB4B,OAAOlC,MAAM,IAAIiB;AAAAA,QAErC8C,UAAUf;AAAAA,QACVgB,YAAY;AAAA,QACZC,eAAe;AAAA,MAAA,CAChB,CAAC;AAAA,IAAA,CACF;AAAA,EAAA;AAIAC,QAAAA,iBAAiB7D,QAAQ8D,SAAS5D;AAExC,6BACG6D,YAAU;AAAA,IACTlE,WAAW4B,KACT5B,WACA6B,sBAAsBwB,MACtBtD,mCAASsD,MACTW,kBACEpC,KAAKC,sBAAsBsC,iBAAiBpE,mCAASoE,eAAe,CACxE;AAAA,IACAC,iBAAiBJ;AAAAA,IAAe,GAC5BzD;AAAAA,IAAMmC,UAETsB,iBACGrB,kBAAkB,IAClBxC,QAAQgD,IAAI,CAACpC,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC;AAAA,EAAA,CAChD;AAEhB;"}
+{"version":3,"file":"ActionsGeneric.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvButtonVariant, HvDropDownMenu } from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport React, { isValidElement } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport actionsGenericClasses, {\n  HvActionsGenericClasses,\n} from \"./actionsGenericClasses\";\n\nexport interface HvActionGeneric {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n}\n\nexport interface HvActionsGenericProps extends HvBaseProps {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionsGenericClasses;\n}\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event) => actionsCallback?.(event, id || \"\", action)}\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"secondary_60\") || (semantic && \"base_dark\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) =>\n            actionsCallback?.(event, id || \"\", action as HvActionGeneric)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useTheme","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base_light","theme","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}

package/dist/esm/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the snackbar is open. */\n  open: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvBannerClasses>;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes: classesProp = {},\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      id={id}\n      open={open}\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.rootClosed]: !open }),\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      style={{ [anchorOrigin]: offset }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","classesProp","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","cx","useClasses","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","Snackbar","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","TransitionComponent","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;AAkEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEjB;AAAAA,IAASkB;AAAAA,EAAAA,IAAOC,WAAWlB,WAAW;AAE9C,QAAMmB,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUjB;AAAAA,EAAAA;AAGZ,QAAMkB,kBAAkBC,YACrBC,CAAeC,eAAAA,oBAACC,OAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWpB;AAAAA,EAAAA,CAAsB,GACxE,CAACA,mBAAmB,CACtB;AAEA,6BACGqB,UAAQ;AAAA,IACP9B;AAAAA,IACAI;AAAAA,IACAD;AAAAA,IACAF,SAAS;AAAA,MACP8B,MAAMZ,GAAGlB,QAAQ8B,MAAM;AAAA,QAAE,CAAC9B,QAAQ+B,UAAU,GAAG,CAAC5B;AAAAA,MAAAA,CAAM;AAAA,MACtD6B,uBAAuBhC,QAAQgC;AAAAA,MAC/BC,0BAA0BjC,QAAQiC;AAAAA,IACpC;AAAA,IACAC,OAAO;AAAA,MAAE,CAAC7B,YAAY,GAAGU;AAAAA,IAAO;AAAA,IAChCV,cAAce;AAAAA,IACde,qBAAqBZ;AAAAA,IACrBhB;AAAAA,IAAuC,GACnCU;AAAAA,IAAMmB,8BAETC,iBAAe;AAAA,MACdtC,IAAIuC,MAAMvC,IAAI,SAAS;AAAA,MACvBwC,SAASzB;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CACL;AAAA,EAAA,CACO;AAEd;"}
+{"version":3,"file":"Banner.js","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the snackbar is open. */\n  open: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerClasses;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes: classesProp = {},\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      id={id}\n      open={open}\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.rootClosed]: !open }),\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      style={{ [anchorOrigin]: offset }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","classesProp","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","cx","useClasses","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","Snackbar","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","TransitionComponent","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;AAkEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEjB;AAAAA,IAASkB;AAAAA,EAAAA,IAAOC,WAAWlB,WAAW;AAE9C,QAAMmB,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUjB;AAAAA,EAAAA;AAGZ,QAAMkB,kBAAkBC,YACrBC,CAAeC,eAAAA,oBAACC,OAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWpB;AAAAA,EAAAA,CAAsB,GACxE,CAACA,mBAAmB,CACtB;AAEA,6BACGqB,UAAQ;AAAA,IACP9B;AAAAA,IACAI;AAAAA,IACAD;AAAAA,IACAF,SAAS;AAAA,MACP8B,MAAMZ,GAAGlB,QAAQ8B,MAAM;AAAA,QAAE,CAAC9B,QAAQ+B,UAAU,GAAG,CAAC5B;AAAAA,MAAAA,CAAM;AAAA,MACtD6B,uBAAuBhC,QAAQgC;AAAAA,MAC/BC,0BAA0BjC,QAAQiC;AAAAA,IACpC;AAAA,IACAC,OAAO;AAAA,MAAE,CAAC7B,YAAY,GAAGU;AAAAA,IAAO;AAAA,IAChCV,cAAce;AAAAA,IACde,qBAAqBZ;AAAAA,IACrBhB;AAAAA,IAAuC,GACnCU;AAAAA,IAAMmB,8BAETC,iBAAe;AAAA,MACdtC,IAAIuC,MAAMvC,IAAI,SAAS;AAAA,MACvBwC,SAASzB;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CACL;AAAA,EAAA,CACO;AAEd;"}

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js

@@ -1,50 +1,49 @@
 import { Close } from "@hitachivantara/uikit-react-icons";
-import { ClassNames } from "@emotion/react";
-import actionContainerClasses from "./actionContainerClasses.js";
-import { styles } from "./ActionContainer.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./ActionContainer.styles.js";
+import { staticClasses } from "./ActionContainer.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
 import { HvButton } from "../../../Button/Button.js";
-const HvActionContainer = ({
-  id,
-  classes,
-  onClose,
-  action,
-  actionCallback,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxs("div", {
-      className: cx(actionContainerClasses.actionContainer, css(styles.actionContainer), classes == null ? void 0 : classes.actionContainer),
-      children: [/* @__PURE__ */ jsx(HvButton, {
-        icon: true,
-        className: cx(actionContainerClasses.closeAction, css(styles.closeAction), classes == null ? void 0 : classes.closeAction),
-        variant: "semantic",
-        "aria-label": "Close",
-        onClick: onClose,
-        tabIndex: 0,
-        ...others,
-        children: /* @__PURE__ */ jsx(Close, {
-          iconSize: "XS",
-          className: cx(actionContainerClasses.iconContainer, css(styles.iconContainer), classes == null ? void 0 : classes.iconContainer),
-          color: "base2"
-        })
-      }), action && /* @__PURE__ */ jsx("div", {
-        className: cx(actionContainerClasses.actionsInnerContainer, css(styles.actionsInnerContainer), classes == null ? void 0 : classes.actionsInnerContainer),
-        children: /* @__PURE__ */ jsx(HvActionsGeneric, {
-          id,
-          category: "semantic",
-          actions: action,
-          actionsCallback: actionCallback
-        })
-      })]
-    })
+const HvActionContainer = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    onClose,
+    action,
+    actionCallback,
+    ...others
+  } = props;
+  const {
+    classes
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.actionContainer,
+    children: [/* @__PURE__ */ jsx(HvButton, {
+      icon: true,
+      className: classes.closeAction,
+      variant: "semantic",
+      "aria-label": "Close",
+      onClick: onClose,
+      tabIndex: 0,
+      ...others,
+      children: /* @__PURE__ */ jsx(Close, {
+        iconSize: "XS",
+        className: classes.iconContainer,
+        color: "base2"
+      })
+    }), action && /* @__PURE__ */ jsx("div", {
+      className: classes.actionsInnerContainer,
+      children: /* @__PURE__ */ jsx(HvActionsGeneric, {
+        id,
+        category: "semantic",
+        actions: action,
+        actionsCallback: actionCallback
+      })
+    })]
   });
 };
 export {
-  HvActionContainer
+  HvActionContainer,
+  staticClasses as actionContainerClasses
 };
 //# sourceMappingURL=ActionContainer.js.map

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ClassNames } from \"@emotion/react\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport { styles } from \"./ActionContainer.styles\";\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            actionContainerClasses.actionContainer,\n            css(styles.actionContainer),\n            classes?.actionContainer\n          )}\n        >\n          <HvButton\n            icon\n            className={cx(\n              actionContainerClasses.closeAction,\n              css(styles.closeAction),\n              classes?.closeAction\n            )}\n            variant=\"semantic\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            tabIndex={0}\n            {...others}\n          >\n            <Close\n              iconSize=\"XS\"\n              className={cx(\n                actionContainerClasses.iconContainer,\n                css(styles.iconContainer),\n                classes?.iconContainer\n              )}\n              color=\"base2\"\n            />\n          </HvButton>\n          {action && (\n            <div\n              className={cx(\n                actionContainerClasses.actionsInnerContainer,\n                css(styles.actionsInnerContainer),\n                classes?.actionsInnerContainer\n              )}\n            >\n              <HvActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={action}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","ClassNames","children","css","cx","className","actionContainerClasses","actionContainer","styles","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AAwBO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACP,OAAA;AAAA,MACEC,WAAWD,GACTE,uBAAuBC,iBACvBJ,IAAIK,OAAOD,eAAe,GAC1BX,mCAASW,eACX;AAAA,MAAEL,UAAA,CAEFO,oBAACC,UAAQ;AAAA,QACPC,MAAI;AAAA,QACJN,WAAWD,GACTE,uBAAuBM,aACvBT,IAAIK,OAAOI,WAAW,GACtBhB,mCAASgB,WACX;AAAA,QACAC,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAASjB;AAAAA,QACTkB,UAAU;AAAA,QAAE,GACRf;AAAAA,QAAME,8BAETc,OAAK;AAAA,UACJC,UAAS;AAAA,UACTZ,WAAWD,GACTE,uBAAuBY,eACvBf,IAAIK,OAAOU,aAAa,GACxBtB,mCAASsB,aACX;AAAA,UACAC,OAAM;AAAA,QAAA,CACP;AAAA,MAAA,CACO,GACTrB,UACCW,oBAAA,OAAA;AAAA,QACEJ,WAAWD,GACTE,uBAAuBc,uBACvBjB,IAAIK,OAAOY,qBAAqB,GAChCxB,mCAASwB,qBACX;AAAA,QAAElB,8BAEDmB,kBAAgB;AAAA,UACf1B;AAAAA,UACA2B,UAAS;AAAA,UACTC,SAASzB;AAAAA,UACT0B,iBAAiBzB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,EAAA,CAEG;AAEhB;"}
+{"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = (props: HvActionContainerProps) => {\n  const {\n    id,\n    classes: classesProp,\n    onClose,\n    action,\n    actionCallback,\n    ...others\n  } = props;\n  const { classes } = useClasses(classesProp);\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        variant=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["HvActionContainer","props","id","classes","classesProp","onClose","action","actionCallback","others","useClasses","className","actionContainer","children","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;AAyBaA,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,WAAWL,WAAW;AAC1C,8BACE,OAAA;AAAA,IAAKM,WAAWP,QAAQQ;AAAAA,IAAgBC,UAAA,CACtCC,oBAACC,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJL,WAAWP,QAAQa;AAAAA,MACnBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASb;AAAAA,MACTc,UAAU;AAAA,MAAE,GACRX;AAAAA,MAAMI,8BAETQ,OAAK;AAAA,QAACC,UAAS;AAAA,QAAKX,WAAWP,QAAQmB;AAAAA,QAAeC,OAAM;AAAA,MAAA,CAAS;AAAA,IAAA,CAC9D,GACTjB,UACCO,oBAAA,OAAA;AAAA,MAAKH,WAAWP,QAAQqB;AAAAA,MAAsBZ,8BAC3Ca,kBAAgB;AAAA,QACfvB;AAAAA,QACAwB,UAAS;AAAA,QACTC,SAASrB;AAAAA,QACTsB,iBAAiBrB;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACE;AAET;"}

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js

@@ -1,5 +1,10 @@
+import { createClasses } from "../../../../utils/classes.js";
 import { outlineStyles } from "../../../../utils/focusUtils.js";
-const styles = {
+const name = "HvBannerActionContainer";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
   actionContainer: {
     display: "flex",
     flexDirection: "column",
@@ -22,8 +27,9 @@ const styles = {
     width: "32px",
     height: "32px"
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=ActionContainer.styles.js.map

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { outlineStyles } from \"@core/utils\";\nimport { HvActionContainerClasses } from \"./actionContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvActionContainerClasses, CSSInterpolation>\n> = {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n};\n"],"names":["styles","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF;"}
+{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses, outlineStyles } from \"@core/utils\";\n\nconst name = \"HvBannerActionContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;AAEA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF,CAAC;"}

package/dist/esm/components/Banner/BannerContent/BannerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, iconVariant } from \"@core/utils\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"@core/components\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: string;\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: HvActionContainerProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvBannerContentClasses>;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp = {},\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <div className={classes.outContainer}>\n        <SnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: classes.root,\n            message: classes.message,\n            action: classes.action,\n          }}\n          className={cx(classes?.baseVariant, classes?.[variant])}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          {...others}\n        />\n      </div>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","className","outContainer","children","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;AAgDO,MAAMA,kBAAkBC,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC,cAAc,CAAC;AAAA,IACxBC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAYX,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,6BACE,OAAA;AAAA,IAAKS,WAAWjB,QAAQkB;AAAAA,IAAaC,8BAClCC,iBAAe;AAAA,MACdtB;AAAAA,MACAC;AAAAA,MACAC,SAAS;AAAA,QACPqB,MAAMrB,QAAQqB;AAAAA,QACdC,SAAStB,QAAQsB;AAAAA,QACjBC,QAAQvB,QAAQuB;AAAAA,MAClB;AAAA,MACAN,WAAWL,GAAGZ,mCAASwB,aAAaxB,mCAAUI,QAAQ;AAAA,MACtDkB,6BACGG,oBAAkB;AAAA,QACjB1B;AAAAA,QACAe;AAAAA,QAAW,GACNE,6BAA6B,YAAY;AAAA,UAC5CU,kBAAkBpB;AAAAA,UAClBqB,0BAA0BpB;AAAAA,QAC5B;AAAA,QACAe,SAASb;AAAAA,MAAAA,CACV;AAAA,MAEHc,4BACGK,mBAAiB;AAAA,QAChB7B;AAAAA,QACAM;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDO,QAAQjB;AAAAA,UACRuB,gBAAgBtB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CACL;AAAA,MACF,GACGC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAET,CACF;"}
+{"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, iconVariant } from \"@core/utils\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"@core/components\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: string;\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: HvActionContainerProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerContentClasses;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp = {},\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <div className={classes.outContainer}>\n        <SnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: classes.root,\n            message: classes.message,\n            action: classes.action,\n          }}\n          className={cx(classes?.baseVariant, classes?.[variant])}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          {...others}\n        />\n      </div>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","className","outContainer","children","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;AAgDO,MAAMA,kBAAkBC,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC,cAAc,CAAC;AAAA,IACxBC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAYX,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,6BACE,OAAA;AAAA,IAAKS,WAAWjB,QAAQkB;AAAAA,IAAaC,8BAClCC,iBAAe;AAAA,MACdtB;AAAAA,MACAC;AAAAA,MACAC,SAAS;AAAA,QACPqB,MAAMrB,QAAQqB;AAAAA,QACdC,SAAStB,QAAQsB;AAAAA,QACjBC,QAAQvB,QAAQuB;AAAAA,MAClB;AAAA,MACAN,WAAWL,GAAGZ,mCAASwB,aAAaxB,mCAAUI,QAAQ;AAAA,MACtDkB,6BACGG,oBAAkB;AAAA,QACjB1B;AAAAA,QACAe;AAAAA,QAAW,GACNE,6BAA6B,YAAY;AAAA,UAC5CU,kBAAkBpB;AAAAA,UAClBqB,0BAA0BpB;AAAAA,QAC5B;AAAA,QACAe,SAASb;AAAAA,MAAAA,CACV;AAAA,MAEHc,4BACGK,mBAAiB;AAAA,QAChB7B;AAAAA,QACAM;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDO,QAAQjB;AAAAA,UACRuB,gBAAgBtB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CACL;AAAA,MACF,GACGC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAET,CACF;"}