@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/esm/components/Container/Container.styles.js

@@ -1,21 +1,36 @@
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
 import { Container } from "@mui/material";
-const StyledRoot = /* @__PURE__ */ _styled(Container, process.env.NODE_ENV === "production" ? {
+import { transientOptions } from "../../utils/transientOptions.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRoot = /* @__PURE__ */ _styled(Container, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "eq8pv0f0"
-} : {
+}, transientOptions) : _extends({}, {
   target: "eq8pv0f0",
   label: "StyledRoot"
-})(({
-  breakpoints
+}, transientOptions))(({
+  $breakpoints
 }) => ({
   paddingLeft: theme.space.sm,
   paddingRight: theme.space.sm,
-  [breakpoints.up("md")]: {
+  [$breakpoints.up("md")]: {
     paddingLeft: theme.spacing(4),
     paddingRight: theme.spacing(4)
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIE11aUNvbnRhaW5lciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKE11aUNvbnRhaW5lcikoXG4gICh7IGJyZWFrcG9pbnRzIH06IHsgYnJlYWtwb2ludHM6IGFueSB9KSA9PiAoe1xuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyIGFzIE11aUNvbnRhaW5lcixcbiAgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIE11aUNvbnRhaW5lcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgWyRicmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDQpLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyg0KSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
 export {
   StyledRoot
 };

package/dist/esm/components/Container/Container.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.styles.js","sources":["../../../../src/components/Container/Container.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Container as MuiContainer } from \"@mui/material\";\n\nexport const StyledRoot = styled(MuiContainer)(\n  ({ breakpoints }: { breakpoints: any }) => ({\n    paddingLeft: theme.space.sm,\n    paddingRight: theme.space.sm,\n    [breakpoints.up(\"md\")]: {\n      paddingLeft: theme.spacing(4),\n      paddingRight: theme.spacing(4),\n    },\n  })\n);\n"],"names":["StyledRoot","MuiContainer","process","env","NODE_ENV","target","label","breakpoints","paddingLeft","theme","space","sm","paddingRight","up","spacing"],"mappings":";;;AAIO,MAAMA,aAAoBC,wBAAAA,WAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC3C,CAAC;AAAA,EAAEC;AAAkC,OAAO;AAAA,EAC1CC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,cAAcH,MAAMC,MAAMC;AAAAA,EAC1B,CAACJ,YAAYM,GAAG,IAAI,IAAI;AAAA,IACtBL,aAAaC,MAAMK,QAAQ,CAAC;AAAA,IAC5BF,cAAcH,MAAMK,QAAQ,CAAC;AAAA,EAC/B;AACF,IAAEZ,QAAAC,IAAAC,aACH,eAAA,KAAA,6jCAAA;"}
+{"version":3,"file":"Container.styles.js","sources":["../../../../src/components/Container/Container.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  Container as MuiContainer,\n  Breakpoints as MuiBreakpoints,\n} from \"@mui/material\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  MuiContainer,\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  paddingLeft: theme.space.sm,\n  paddingRight: theme.space.sm,\n  [$breakpoints.up(\"md\")]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n  },\n}));\n"],"names":["StyledRoot","MuiContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$breakpoints","paddingLeft","theme","space","sm","paddingRight","up","spacing"],"mappings":";;;;;;;;;;;;;;;;;;AAQaA,MAAAA,qCACXC,WAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,cAAcH,MAAMC,MAAMC;AAAAA,EAC1B,CAACJ,aAAaM,GAAG,IAAI,CAAC,GAAG;AAAA,IACvBL,aAAaC,MAAMK,QAAQ,CAAC;AAAA,IAC5BF,cAAcH,MAAMK,QAAQ,CAAC;AAAA,EAC/B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,iuCAAA;"}

package/dist/esm/components/Container/containerClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root"];
+const classKeys = ["root", "disableGutters", "fixed", "maxWidthXs", "maxWidthSm", "maxWidthMd", "maxWidthLg", "maxWidthXl"];
 const containerClasses = getClasses(classKeys, "HvContainer");
 const containerClasses$1 = containerClasses;
 export {

package/dist/esm/components/Container/containerClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n  classKeys,\n  \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}
+{"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n  root?: string;\n  disableGutters?: string;\n  fixed?: string;\n  maxWidthXs?: string;\n  maxWidthSm?: string;\n  maxWidthMd?: string;\n  maxWidthLg?: string;\n  maxWidthXl?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disableGutters\",\n  \"fixed\",\n  \"maxWidthXs\",\n  \"maxWidthSm\",\n  \"maxWidthMd\",\n  \"maxWidthLg\",\n  \"maxWidthXl\",\n];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n  classKeys,\n  \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,cACA,cACA,cACA,cACA,YAAY;AAGd,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/Controls/Controls.js

@@ -0,0 +1,73 @@
+import clsx from "clsx";
+import { StyledRoot, StyledSection } from "./Controls.styles.js";
+import { HvControlsContextProvider } from "./context/ControlsContext.js";
+import { Children } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import controlsClasses from "./controlClasses.js";
+import { HvMultiButton } from "../MultiButton/MultiButton.js";
+import { useControlled } from "../../hooks/useControlled.js";
+import { setId } from "../../utils/setId.js";
+import { HvButton } from "../Button/Button.js";
+const HvControls = ({
+  id,
+  className,
+  classes,
+  views,
+  callbacks,
+  selectedView,
+  defaultView,
+  children,
+  hideViewSwitcher = false,
+  onViewChange
+}) => {
+  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);
+  const onViewChangeHandler = (evt, btnId) => {
+    setCurrentView(btnId);
+    onViewChange == null ? void 0 : onViewChange(evt, btnId);
+  };
+  const onSearchHandler = (value) => callbacks == null ? void 0 : callbacks.setGlobalFilter(value);
+  const onSortHandler = (value) => callbacks == null ? void 0 : callbacks.setSortBy([{
+    id: value == null ? void 0 : value.accessor,
+    desc: value == null ? void 0 : value.desc
+  }]);
+  const childrenCount = Children.count(children);
+  const childrenArray = Children.toArray(children);
+  const childrenIndexCut = childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;
+  const leftChildren = childrenArray.slice(0, childrenIndexCut);
+  const rightChildren = childrenArray.slice(childrenIndexCut, childrenCount || 0);
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    id,
+    className: clsx(className, controlsClasses.root, classes == null ? void 0 : classes.root),
+    children: /* @__PURE__ */ jsxs(HvControlsContextProvider, {
+      value: {
+        onSearch: onSearchHandler,
+        onSort: onSortHandler
+      },
+      children: [/* @__PURE__ */ jsx(StyledSection, {
+        className: clsx(classes == null ? void 0 : classes.section, controlsClasses.section, classes == null ? void 0 : classes.leftSection, controlsClasses.leftSection),
+        children: leftChildren
+      }), /* @__PURE__ */ jsxs(StyledSection, {
+        className: clsx(classes == null ? void 0 : classes.section, controlsClasses.section, classes == null ? void 0 : classes.rightSection, controlsClasses.rightSection),
+        children: [rightChildren, views && !hideViewSwitcher && (views == null ? void 0 : views.length) > 0 && /* @__PURE__ */ jsx(HvMultiButton, {
+          id: setId(id, "view-multi-button"),
+          children: views.map(({
+            id: btnId,
+            icon,
+            ...others
+          }) => /* @__PURE__ */ jsx(HvButton, {
+            id: btnId,
+            icon: true,
+            selected: currentView === btnId,
+            onClick: (evt) => onViewChangeHandler(evt, btnId),
+            ...others,
+            children: icon
+          }, btnId))
+        })]
+      })]
+    })
+  });
+};
+export {
+  HvControls
+};
+//# sourceMappingURL=Controls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sources":["../../../../src/components/Controls/Controls.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRoot, StyledSection } from \"./Controls.styles\";\nimport { controlsClasses, HvControlsClasses } from \".\";\nimport { HvButton, HvMultiButton } from \"components\";\nimport { setId } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport { Children } from \"react\";\nimport { HvTableInstance } from \"components/Table/hooks/useTable\";\n\nexport type HvControlsViewConfiguration = {\n  id?: string;\n  label?: string;\n  icon?: React.ReactNode;\n} & HvExtraProps;\n\nexport type HvControlsProps = HvBaseProps & {\n  /**\n   * An instance of useHvTable or useTable used to manage the data\n   * if this is not provided data sorting and search must be handled externally\n   */\n  callbacks?: Pick<HvTableInstance, \"setSortBy\" | \"setGlobalFilter\">;\n  /**\n   * Views configuration required for the view buttons\n   */\n  views?: HvControlsViewConfiguration[];\n  /**\n   * What view is selected by default\n   */\n  defaultView?: string;\n  /**\n   * Sets the selected view to be the one specified\n   * if specified the component is in a controlled state and it won't change it state\n   * unless specified externally\n   */\n  selectedView?: string;\n  /**\n   * Callback called when the view switcher button is pressed\n   */\n  onViewChange?: (event: Event, id: string) => void;\n  /**\n   * if `true` the button to switch views is not rendered\n   */\n  hideViewSwitcher?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvControlsClasses;\n};\n\nexport const HvControls = ({\n  id,\n  className,\n  classes,\n  views,\n  callbacks,\n  selectedView,\n  defaultView,\n  children,\n  hideViewSwitcher = false,\n  onViewChange,\n}: HvControlsProps) => {\n  const [currentView, setCurrentView] = useControlled(\n    selectedView,\n    defaultView\n  );\n\n  const onViewChangeHandler = (evt, btnId) => {\n    setCurrentView(btnId);\n    onViewChange?.(evt, btnId);\n  };\n\n  const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n  const onSortHandler = (value) =>\n    callbacks?.setSortBy([\n      {\n        id: value?.accessor,\n        desc: value?.desc,\n      },\n    ]);\n\n  const childrenCount = Children.count(children);\n  const childrenArray = Children.toArray(children);\n\n  const childrenIndexCut =\n    childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;\n  const leftChildren = childrenArray.slice(0, childrenIndexCut);\n  const rightChildren = childrenArray.slice(\n    childrenIndexCut,\n    childrenCount || 0\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, controlsClasses.root, classes?.root)}\n    >\n      <HvControlsContextProvider\n        value={{\n          onSearch: onSearchHandler,\n          onSort: onSortHandler,\n        }}\n      >\n        <StyledSection\n          className={clsx(\n            classes?.section,\n            controlsClasses.section,\n            classes?.leftSection,\n            controlsClasses.leftSection\n          )}\n        >\n          {leftChildren}\n        </StyledSection>\n        <StyledSection\n          className={clsx(\n            classes?.section,\n            controlsClasses.section,\n            classes?.rightSection,\n            controlsClasses.rightSection\n          )}\n        >\n          {rightChildren}\n          {views && !hideViewSwitcher && views?.length > 0 && (\n            <HvMultiButton id={setId(id, \"view-multi-button\")}>\n              {views.map(({ id: btnId, icon, ...others }) => (\n                <HvButton\n                  id={btnId}\n                  key={btnId}\n                  icon\n                  selected={currentView === btnId}\n                  onClick={(evt) => onViewChangeHandler(evt, btnId)}\n                  {...others}\n                >\n                  {icon}\n                </HvButton>\n              ))}\n            </HvMultiButton>\n          )}\n        </StyledSection>\n      </HvControlsContextProvider>\n    </StyledRoot>\n  );\n};\n"],"names":["HvControls","id","className","classes","views","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","useControlled","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenCount","Children","count","childrenArray","toArray","childrenIndexCut","Math","round","leftChildren","slice","rightChildren","StyledRoot","clsx","controlsClasses","root","HvControlsContextProvider","onSearch","onSort","_jsx","StyledSection","section","leftSection","_jsxs","rightSection","length","HvMultiButton","setId","map","icon","others","HvButton","selected","onClick"],"mappings":";;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,mBAAmB;AAAA,EACnBC;AACe,MAAM;AACrB,QAAM,CAACC,aAAaC,cAAc,IAAIC,cACpCP,cACAC,WAAW;AAGPO,QAAAA,sBAAsBA,CAACC,KAAKC,UAAU;AAC1CJ,mBAAeI,KAAK;AACpBN,iDAAeK,KAAKC;AAAAA,EAAK;AAG3B,QAAMC,kBAAmBC,CAAAA,UAAUb,uCAAWc,gBAAgBD;AAC9D,QAAME,gBAAiBF,CAAAA,UACrBb,uCAAWgB,UAAU,CACnB;AAAA,IACEpB,IAAIiB,+BAAOI;AAAAA,IACXC,MAAML,+BAAOK;AAAAA,EACd,CAAA;AAGCC,QAAAA,gBAAgBC,SAASC,MAAMlB,QAAQ;AACvCmB,QAAAA,gBAAgBF,SAASG,QAAQpB,QAAQ;AAE/C,QAAMqB,mBACJL,gBAAgB,IAAIM,KAAKC,MAAMP,gBAAgB,GAAG,IAAI;AACxD,QAAMQ,eAAeL,cAAcM,MAAM,GAAGJ,gBAAgB;AAC5D,QAAMK,gBAAgBP,cAAcM,MAClCJ,kBACAL,iBAAiB,CAAC;AAGpB,6BACGW,YAAU;AAAA,IACTlC;AAAAA,IACAC,WAAWkC,KAAKlC,WAAWmC,gBAAgBC,MAAMnC,mCAASmC,IAAI;AAAA,IAAE9B,+BAE/D+B,2BAAyB;AAAA,MACxBrB,OAAO;AAAA,QACLsB,UAAUvB;AAAAA,QACVwB,QAAQrB;AAAAA,MACV;AAAA,MAAEZ,UAAA,CAEFkC,oBAACC,eAAa;AAAA,QACZzC,WAAWkC,KACTjC,mCAASyC,SACTP,gBAAgBO,SAChBzC,mCAAS0C,aACTR,gBAAgBQ,WAAW;AAAA,QAC3BrC,UAEDwB;AAAAA,MAAAA,CACa,GAChBc,qBAACH,eAAa;AAAA,QACZzC,WAAWkC,KACTjC,mCAASyC,SACTP,gBAAgBO,SAChBzC,mCAAS4C,cACTV,gBAAgBU,YAAY;AAAA,QAC5BvC,WAED0B,eACA9B,SAAS,CAACK,qBAAoBL,+BAAO4C,UAAS,KAC7CN,oBAACO,eAAa;AAAA,UAAChD,IAAIiD,MAAMjD,IAAI,mBAAmB;AAAA,UAAEO,UAC/CJ,MAAM+C,IAAI,CAAC;AAAA,YAAElD,IAAIe;AAAAA,YAAOoC;AAAAA,YAAM,GAAGC;AAAAA,UAAAA,0BAC/BC,UAAQ;AAAA,YACPrD,IAAIe;AAAAA,YAEJoC,MAAI;AAAA,YACJG,UAAU5C,gBAAgBK;AAAAA,YAC1BwC,SAAUzC,CAAAA,QAAQD,oBAAoBC,KAAKC,KAAK;AAAA,YAAE,GAC9CqC;AAAAA,YAAM7C,UAET4C;AAAAA,UAAI,GANApC,KAAK,CAQb;AAAA,QAAA,CAEJ,CAAA;AAAA,MAAA,CACa,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEP;AAEjB;"}

package/dist/esm/components/Controls/Controls.styles.js

@@ -0,0 +1,37 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pt6zdq1"
+} : {
+  target: "e1pt6zdq1",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "eqz57s",
+  styles: "display:inline-flex;width:100%;justify-content:space-between"
+} : {
+  name: "eqz57s",
+  styles: "display:inline-flex;width:100%;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvQ29udHJvbHMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Db250cm9scy9Db250cm9scy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICBnYXA6IDEwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSection = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pt6zdq0"
+} : {
+  target: "e1pt6zdq0",
+  label: "StyledSection"
+})(process.env.NODE_ENV === "production" ? {
+  name: "9df6r",
+  styles: "display:inline-flex;align-items:flex-end;gap:10px"
+} : {
+  name: "9df6r",
+  styles: "display:inline-flex;align-items:flex-end;gap:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvQ29udHJvbHMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Db250cm9scy9Db250cm9scy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICBnYXA6IDEwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledRoot,
+  StyledSection
+};
+//# sourceMappingURL=Controls.styles.js.map

package/dist/esm/components/Controls/Controls.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.styles.js","sources":["../../../../src/components/Controls/Controls.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  width: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledSection = styled(\"div\")({\n  display: \"inline-flex\",\n  alignItems: \"flex-end\",\n  gap: 10,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSection"],"mappings":";;;;AAEO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;AAEK,MAAMC,gBAAuB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIxC;"}

package/dist/esm/components/Controls/LeftControl/LeftControl.js

@@ -0,0 +1,43 @@
+import clsx from "clsx";
+import { StyledRoot } from "./LeftControl.styles.js";
+import { useContext } from "react";
+import { HvControlsContext } from "../context/ControlsContext.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import leftControlClasses from "./leftControlClasses.js";
+import { HvInput } from "../../Input/Input.js";
+import { setId } from "../../../utils/setId.js";
+const HvLeftControl = ({
+  id,
+  classes,
+  className,
+  children,
+  placeholder = "Search",
+  onSearch,
+  hideSearch = false,
+  searchProps,
+  ...others
+}) => {
+  const {
+    onSearch: onSearchHandler
+  } = useContext(HvControlsContext);
+  const onChangeFilter = (e, value) => {
+    onSearch == null ? void 0 : onSearch(e, value);
+    onSearchHandler == null ? void 0 : onSearchHandler(value);
+  };
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    id,
+    className: clsx(className, leftControlClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [!hideSearch && /* @__PURE__ */ jsx(HvInput, {
+      id: setId(id, "search-input"),
+      type: "search",
+      placeholder,
+      onChange: (e, value) => onChangeFilter(e, value),
+      ...searchProps
+    }), children]
+  });
+};
+export {
+  HvLeftControl
+};
+//# sourceMappingURL=LeftControl.js.map

package/dist/esm/components/Controls/LeftControl/LeftControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftControl.js","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n  /** if `true` the hide sort by dropdown is not rendered */\n  hideSearch?: boolean;\n  /** placeholder of the input */\n  placeholder?: string;\n  /** Callback called when a search action occurs */\n  onSearch?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Extra props passed to input */\n  searchProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n  id,\n  classes,\n  className,\n  children,\n  placeholder = \"Search\",\n  onSearch,\n  hideSearch = false,\n  searchProps,\n  ...others\n}: HvLeftControlProps) => {\n  const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n  const onChangeFilter = (e, value) => {\n    onSearch?.(e, value);\n    onSearchHandler?.(value);\n  };\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, leftControlClasses.root, classes?.root)}\n      {...others}\n    >\n      {!hideSearch && (\n        <HvInput\n          id={setId(id, \"search-input\")}\n          type=\"search\"\n          placeholder={placeholder}\n          onChange={(e, value) => onChangeFilter(e, value)}\n          {...searchProps}\n        />\n      )}\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","StyledRoot","clsx","leftControlClasses","root","HvInput","setId","type","onChange"],"mappings":";;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,WAAWC,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,8BACGC,YAAU;AAAA,IACTf;AAAAA,IACAE,WAAWc,KAAKd,WAAWe,mBAAmBC,MAAMjB,mCAASiB,IAAI;AAAA,IAAE,GAC/DV;AAAAA,IAAML,WAET,CAACG,kCACCa,SAAO;AAAA,MACNnB,IAAIoB,MAAMpB,IAAI,cAAc;AAAA,MAC5BqB,MAAK;AAAA,MACLjB;AAAAA,MACAkB,UAAUA,CAACT,GAAGC,UAAUF,eAAeC,GAAGC,KAAK;AAAA,MAAE,GAC7CP;AAAAA,IAAW,CAAA,GAGlBJ,QAAQ;AAAA,EAAA,CACE;AAEjB;"}

package/dist/esm/components/Controls/LeftControl/LeftControl.styles.js

@@ -0,0 +1,22 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ezp8s40"
+} : {
+  target: "e1ezp8s40",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px"
+} : {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvTGVmdENvbnRyb2wvTGVmdENvbnRyb2wuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Db250cm9scy9MZWZ0Q29udHJvbC9MZWZ0Q29udHJvbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledRoot
+};
+//# sourceMappingURL=LeftControl.styles.js.map

package/dist/esm/components/Controls/LeftControl/LeftControl.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftControl.styles.js","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  gap: 10,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;"}

package/dist/esm/components/Controls/LeftControl/leftControlClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root"];
+const leftControlClasses = getClasses(classKeys, "HvLeftControl");
+const leftControlClasses$1 = leftControlClasses;
+export {
+  leftControlClasses$1 as default
+};
+//# sourceMappingURL=leftControlClasses.js.map

package/dist/esm/components/Controls/LeftControl/leftControlClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leftControlClasses.js","sources":["../../../../../src/components/Controls/LeftControl/leftControlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvLeftControlClasses = {\n  root: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst leftControlClasses = getClasses<HvLeftControlClasses>(\n  classKeys,\n  \"HvLeftControl\"\n);\n\nexport default leftControlClasses;\n"],"names":["classKeys","leftControlClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}

package/dist/esm/components/Controls/RightControl/RightControl.js

@@ -0,0 +1,48 @@
+import clsx from "clsx";
+import { StyledRoot, StyledDropdown } from "./RightControl.styles.js";
+import { useState, useContext } from "react";
+import { HvControlsContext } from "../context/ControlsContext.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import rightControlClasses from "./rightControlClasses.js";
+import { setId } from "../../../utils/setId.js";
+const HvRightControl = ({
+  id,
+  classes,
+  className,
+  children,
+  values,
+  onSort,
+  hideSortBy = false,
+  sortProps,
+  ...others
+}) => {
+  const [dropDownValues, setDropdownValues] = useState(values);
+  const {
+    onSort: onSortHandler
+  } = useContext(HvControlsContext);
+  const handleChangeSort = (value) => {
+    onSort == null ? void 0 : onSort(value);
+    onSortHandler == null ? void 0 : onSortHandler(value);
+    setDropdownValues((prevValues) => prevValues == null ? void 0 : prevValues.map((prevValue) => ({
+      ...prevValue,
+      selected: prevValue.id === value.id
+    })));
+  };
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    id,
+    className: clsx(className, rightControlClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: !hideSortBy && /* @__PURE__ */ jsx(StyledDropdown, {
+      id: setId(id, "sort-by-dropdown"),
+      values: dropDownValues,
+      className: clsx(rightControlClasses.sortDropdown, classes == null ? void 0 : classes.sortDropdown),
+      onChange: handleChangeSort,
+      singleSelectionToggle: false,
+      ...sortProps
+    })
+  });
+};
+export {
+  HvRightControl
+};
+//# sourceMappingURL=RightControl.js.map

package/dist/esm/components/Controls/RightControl/RightControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n  accessor: string;\n  desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n  /** if `true` the hide sort by dropdown is not rendered */\n  hideSortBy?: boolean;\n  /** options for the dropdown to sort */\n  values?: HvRightListControls[];\n  /** Callback called when a sort action occurs */\n  onSort?: (selected: HvRightListControls | undefined) => void;\n  /** Extra props passed to dropdown */\n  sortProps?: HvDropdownProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}: HvRightControlProps) => {\n  const [dropDownValues, setDropdownValues] = useState(values);\n\n  const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n  const handleChangeSort = (value) => {\n    onSort?.(value);\n    onSortHandler?.(value);\n    // this should be changed when dropdown changes his \"values\" behavior\n    setDropdownValues((prevValues) =>\n      prevValues?.map((prevValue) => ({\n        ...prevValue,\n        selected: prevValue.id === value.id,\n      }))\n    );\n  };\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, rightControlClasses.root, classes?.root)}\n      {...others}\n    >\n      {!hideSortBy && (\n        <StyledDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={clsx(\n            rightControlClasses.sortDropdown,\n            classes?.sortDropdown\n          )}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","_jsx","StyledDropdown","setId","sortDropdown","onChange","singleSelectionToggle"],"mappings":";;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,6BACGqB,YAAU;AAAA,IACTrB;AAAAA,IACAE,WAAWoB,KAAKpB,WAAWqB,oBAAoBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAChEhB;AAAAA,IAAML,UAET,CAACG,cACAmB,oBAACC,gBAAc;AAAA,MACb1B,IAAI2B,MAAM3B,IAAI,kBAAkB;AAAA,MAChCI,QAAQK;AAAAA,MACRP,WAAWoB,KACTC,oBAAoBK,cACpB3B,mCAAS2B,YAAY;AAAA,MAEvBC,UAAUd;AAAAA,MACVe,uBAAuB;AAAA,MAAM,GACzBvB;AAAAA,IAAAA,CAAS;AAAA,EAAA,CAGN;AAEjB;"}

package/dist/esm/components/Controls/RightControl/RightControl.styles.js

@@ -0,0 +1,41 @@
+import _styled from "@emotion/styled/base";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvDropdown } from "../../Dropdown/Dropdown.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e16dy5r71"
+} : {
+  target: "e16dy5r71",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px"
+} : {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvUmlnaHRDb250cm9sL1JpZ2h0Q29udHJvbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL1JpZ2h0Q29udHJvbC9SaWdodENvbnRyb2wuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkRyb3Bkb3duIHsuLi5wcm9wc30gLz4pKHtcbiAgbWluV2lkdGg6IDIwMCxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledDropdown = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvDropdown, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
+  target: "e16dy5r70"
+} : {
+  target: "e16dy5r70",
+  label: "StyledDropdown"
+})(process.env.NODE_ENV === "production" ? {
+  name: "16gsvie",
+  styles: "min-width:200px"
+} : {
+  name: "16gsvie",
+  styles: "min-width:200px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvUmlnaHRDb250cm9sL1JpZ2h0Q29udHJvbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL1JpZ2h0Q29udHJvbC9SaWdodENvbnRyb2wuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkRyb3Bkb3duIHsuLi5wcm9wc30gLz4pKHtcbiAgbWluV2lkdGg6IDIwMCxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledDropdown,
+  StyledRoot
+};
+//# sourceMappingURL=RightControl.styles.js.map

package/dist/esm/components/Controls/RightControl/RightControl.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightControl.styles.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n  minWidth: 200,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","_styled","props","_jsx","HvDropdown"],"mappings":";;;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,iBAAiBC,wBAAQC,CAAUC,UAAAA,oBAACC,YAAU;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;"}

package/dist/esm/components/Controls/RightControl/rightControlClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root"];
+const rightControlClasses = getClasses(classKeys, "HvRightControl");
+const rightControlClasses$1 = rightControlClasses;
+export {
+  rightControlClasses$1 as default
+};
+//# sourceMappingURL=rightControlClasses.js.map

package/dist/esm/components/Controls/RightControl/rightControlClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rightControlClasses.js","sources":["../../../../../src/components/Controls/RightControl/rightControlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvRightControlClasses = {\n  root?: string;\n  sortDropdown?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst rightControlClasses = getClasses<HvRightControlClasses>(\n  classKeys,\n  \"HvRightControl\"\n);\n\nexport default rightControlClasses;\n"],"names":["classKeys","rightControlClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,sBAAsBC,WAC1BF,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;"}

package/dist/esm/components/Controls/context/ControlsContext.js

@@ -0,0 +1,10 @@
+import React__default from "react";
+const HvControlsContext = React__default.createContext({});
+const HvControlsContextProvider = HvControlsContext.Provider;
+HvControlsContext.Consumer;
+export {
+  HvControlsContext,
+  HvControlsContextProvider,
+  HvControlsContext as default
+};
+//# sourceMappingURL=ControlsContext.js.map

package/dist/esm/components/Controls/context/ControlsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsContext.js","sources":["../../../../../src/components/Controls/context/ControlsContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext<{\n  onSearch?: any;\n  onSort?: any;\n}>({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"names":["HvControlsContext","React","createContext","HvControlsContextProvider","Provider","Consumer"],"mappings":";AAEO,MAAMA,oBAAoBC,eAAMC,cAGpC,EAAE;AAEE,MAAMC,4BAA4BH,kBAAkBI;AAClBJ,kBAAkBK;"}

package/dist/esm/components/Controls/controlClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "section", "rightSection", "leftSection"];
+const controlsClasses = getClasses(classKeys, "HvControls");
+const controlsClasses$1 = controlsClasses;
+export {
+  controlsClasses$1 as default
+};
+//# sourceMappingURL=controlClasses.js.map

package/dist/esm/components/Controls/controlClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlClasses.js","sources":["../../../../src/components/Controls/controlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvControlsClasses = {\n  root: string;\n  section: string;\n  rightSection: string;\n  leftSection: string;\n};\n\nconst classKeys: string[] = [\"root\", \"section\", \"rightSection\", \"leftSection\"];\n\nconst controlsClasses = getClasses<HvControlsClasses>(classKeys, \"HvControls\");\n\nexport default controlsClasses;\n"],"names":["classKeys","controlsClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,WAAW,gBAAgB,aAAa;AAE7E,MAAMC,kBAAkBC,WAA8BF,WAAW,YAAY;AAE7E,MAAA,oBAAeC;"}

package/dist/esm/components/Dialog/Actions/Actions.js

@@ -2,7 +2,7 @@ import clsx from "clsx";
 import { StyledActions } from "./Actions.styles.js";
 import dialogActionClasses from "./actionsClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-const HvActions = ({
+const HvDialogActions = ({
   classes,
   className,
   children,
@@ -21,6 +21,6 @@ const HvActions = ({
   });
 };
 export {
-  HvActions
+  HvDialogActions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/esm/components/Dialog/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = MuiDialogActionsProps &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AACpB,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,CAAC;AAAA,MAE7DM,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvDialogActionsProps = Omit<MuiDialogActionsProps, \"classes\"> &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvDialogActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvDialogActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvDialogActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAaO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACb,GAAGC;AACiB,MAAM;AAC1B,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,CAAC;AAAA,MAE7DM,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}

package/dist/esm/components/Dialog/Content/Content.js

@@ -1,21 +1,22 @@
+import MuiDialogContent from "@mui/material/DialogContent";
 import clsx from "clsx";
-import { StyledTypography, StyledContent } from "./Content.styles.js";
+import { StyledTypography } from "./Content.styles.js";
 import dialogContentClasses from "./contentClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-const HvContent = ({
+const HvDialogContent = ({
   classes,
   className,
   children,
   indentContent = false
 }) => {
   return /* @__PURE__ */ jsx(StyledTypography, {
-    component: StyledContent,
-    className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root),
+    component: MuiDialogContent,
+    className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root, !!indentContent && clsx(dialogContentClasses.textContent, classes == null ? void 0 : classes.textContent)),
     $indentContent: indentContent,
     children
   });
 };
 export {
-  HvContent
+  HvDialogContent
 };
 //# sourceMappingURL=Content.js.map

package/dist/esm/components/Dialog/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { DialogContentProps as MuiDialogContentProps } from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledContent, StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = MuiDialogContentProps &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvContentProps) => {\n  return (\n    <StyledTypography\n      component={StyledContent}\n      className={clsx(className, dialogContentClasses.root, classes?.root)}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvContent","classes","className","children","indentContent","StyledTypography","component","StyledContent","clsx","dialogContentClasses","root","$indentContent"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AACpB,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KAAKN,WAAWO,qBAAqBC,MAAMT,mCAASS,IAAI;AAAA,IACnEC,gBAAgBP;AAAAA,IAAcD;AAAAA,EAAAA,CAGb;AAEvB;"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvDialogContentProps = Omit<MuiDialogContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvDialogContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvDialogContentProps) => {\n  return (\n    <StyledTypography\n      component={MuiDialogContent}\n      className={clsx(\n        className,\n        dialogContentClasses.root,\n        classes?.root,\n        !!indentContent &&\n          clsx(dialogContentClasses.textContent, classes?.textContent)\n      )}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvDialogContent","classes","className","children","indentContent","StyledTypography","component","MuiDialogContent","clsx","dialogContentClasses","root","textContent","$indentContent"],"mappings":";;;;;AAeO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACI,MAAM;AAC1B,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KACTN,WACAO,qBAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,KAAKC,qBAAqBE,aAAaV,mCAASU,WAAW,CAAC;AAAA,IAEhEC,gBAAgBR;AAAAA,IAAcD;AAAAA,EAAAA,CAGb;AAEvB;"}

package/dist/esm/components/Dialog/Content/Content.styles.js

@@ -1,11 +1,7 @@
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import DialogContent from "@mui/material/DialogContent";
 import { transientOptions } from "../../../utils/transientOptions.js";
 import { HvTypography } from "../../Typography/Typography.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -20,20 +16,6 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledContent = /* @__PURE__ */ _styled(DialogContent, process.env.NODE_ENV === "production" ? {
-  target: "e4uf5ag1"
-} : {
-  target: "e4uf5ag1",
-  label: "StyledContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU02QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4uf5ag0"
 }, transientOptions) : _extends({}, {
@@ -50,9 +32,8 @@ const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_
     flex: 1,
     overflowY: "auto"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbmRlbnRDb250ZW50IH06IHsgJGluZGVudENvbnRlbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBmbGV4OiBcIm5vbmVcIixcbiAgLi4uKCRpbmRlbnRDb250ZW50ICYmIHtcbiAgICBtYXJnaW5MZWZ0OiBcIjQycHhcIixcbiAgICBwYWRkaW5nUmlnaHQ6IFwiNjJweFwiLFxuICAgIGZsZXg6IDEsXG4gICAgb3ZlcmZsb3dZOiBcImF1dG9cIixcbiAgfSksXG59KSk7XG4iXX0= */");
 export {
-  StyledContent,
   StyledTypography
 };
 //# sourceMappingURL=Content.styles.js.map

package/dist/esm/components/Dialog/Content/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledContent = styled(DialogContent)({});\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n  padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n  flex: \"none\",\n  ...($indentContent && {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  }),\n}));\n"],"names":["StyledContent","DialogContent","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTypography","HvTypography","_extends","transientOptions","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,gBAAuBC,wBAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAI;AAEzCC,MAAAA,2CACXC,cAAYX,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACZU,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,63CAAA;"}
+{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n  padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n  flex: \"none\",\n  ...($indentContent && {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  }),\n}));\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,2CACXC,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC,MAAMF,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6tCAAA;"}

package/dist/esm/components/Dialog/Content/contentClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../../utils/classes.js";
-const classKeys = ["root"];
+const classKeys = ["root", "textContent"];
 const dialogContentClasses = getClasses(classKeys, "HvDialog-Content");
 const dialogContentClasses$1 = dialogContentClasses;
 export {