@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

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

@@ -0,0 +1,77 @@
+import { tooltipClasses } from "@mui/material";
+import { theme } from "@hitachivantara/uikit-styles";
+import tooltipClasses$1 from "./tooltipClasses.js";
+const singleStyle = {
+  maxWidth: 532,
+  padding: "15px 20px",
+  display: "flex",
+  backgroundColor: theme.colors.atmo1,
+  boxShadow: theme.shadows.md,
+  width: "fit-content",
+  "& p": {
+    display: "-webkit-box",
+    width: "fit-content",
+    boxOrient: "vertical",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    wordBreak: "break-word",
+    color: theme.colors.acce1
+  }
+};
+const multiStyle = {
+  maxWidth: 532,
+  padding: 0,
+  display: "flex",
+  backgroundColor: theme.colors.atmo1,
+  boxShadow: theme.shadows.sm,
+  width: "fit-content",
+  "& p": {
+    display: "-webkit-box",
+    width: "fit-content",
+    boxOrient: "vertical",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    color: theme.colors.acce1
+  }
+};
+const popperSx = (useSingle) => {
+  return {
+    [`& .${tooltipClasses.popper}`]: {
+      opacity: 1
+    },
+    [`& .${tooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,
+    [`& .${tooltipClasses$1.title}`]: {
+      padding: "15px 20px",
+      borderBottom: `3px solid ${theme.colors.atmo2}`
+    },
+    [`& .${tooltipClasses$1.valuesContainer}`]: {
+      padding: theme.space.sm
+    },
+    [`& .${tooltipClasses$1.values}`]: {
+      display: "flex",
+      justifyContent: "space-between",
+      paddingBottom: "10px",
+      "&:last-child": {
+        paddingBottom: 0
+      }
+    },
+    [`& .${tooltipClasses$1.color}`]: {
+      width: theme.space.xs
+    },
+    [`& .${tooltipClasses$1.separator}`]: {
+      width: theme.space.xs
+    },
+    [`& .${tooltipClasses$1.separatorColor}`]: {
+      width: "5px"
+    },
+    [`& .${tooltipClasses$1.valueWrapper}`]: {
+      padding: theme.space.sm
+    }
+  };
+};
+export {
+  multiStyle,
+  popperSx,
+  singleStyle
+};
+//# sourceMappingURL=Tooltip.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.js","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltip","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,MAAMI,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOX,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBjB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,MAAMI,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOX,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,eAAkBC,WAAW;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,eAAkBG,YAAYJ,YAAYrB,cAAckB;AAAAA,IAC/D,CAAE,MAAKQ,iBAAeC,UAAU;AAAA,MAC9BzB,SAAS;AAAA,MACT0B,cAAe,aAAYvB,MAAMC,OAAOuB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,iBAAeI,oBAAoB;AAAA,MACxC5B,SAASG,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKO,iBAAeM,WAAW;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,iBAAeV,UAAU;AAAA,MAC9BL,OAAON,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,iBAAeU,cAAc;AAAA,MAClCzB,OAAON,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,iBAAeW,mBAAmB;AAAA,MACvC1B,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKe,iBAAeY,iBAAiB;AAAA,MACrCpC,SAASG,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,EAAA;AAEJ;"}

package/dist/esm/components/Tooltip/tooltipClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "tooltip", "tooltipMulti", "popper", "title", "valuesContainer", "values", "color", "separatorColor", "separator", "valueWrapper"];
+const tooltipClasses = getClasses(classKeys, "HvTooltip");
+const tooltipClasses$1 = tooltipClasses;
+export {
+  tooltipClasses$1 as default
+};
+//# sourceMappingURL=tooltipClasses.js.map

package/dist/esm/components/Tooltip/tooltipClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipClasses.js","sources":["../../../../src/components/Tooltip/tooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTooltipClasses = {\n  /** Styles applied to the tooltip root class. */\n  root?: string;\n  /** Styles applied to the tooltip class when it is single. */\n  tooltip?: string;\n  /** Styles applied to the tooltip class when it is multi. */\n  tooltipMulti?: string;\n  /** Styles applied to the popper component. */\n  popper?: string;\n  /** Styles applied to the title. */\n  title?: string;\n  /** Styles applied to the values container. */\n  valuesContainer?: string;\n  /** Styles applied to the values. */\n  values?: string;\n  /** Styles applied to the color. */\n  color?: string;\n  /** Styles applied to the separator between color and title. */\n  separatorColor?: string;\n  /** Styles applied to the separator. */\n  separator?: string;\n  /** Styles applied to the values wrapper. */\n  valueWrapper?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tooltip\",\n  \"tooltipMulti\",\n  \"popper\",\n  \"title\",\n  \"valuesContainer\",\n  \"values\",\n  \"color\",\n  \"separatorColor\",\n  \"separator\",\n  \"valueWrapper\",\n];\n\nconst tooltipClasses = getClasses<HvTooltipClasses>(classKeys, \"HvTooltip\");\n\nexport default tooltipClasses;\n"],"names":["classKeys","tooltipClasses","getClasses"],"mappings":";AA2BA,MAAMA,YAAsB,CAC1B,QACA,WACA,gBACA,UACA,SACA,mBACA,UACA,SACA,kBACA,aACA,cAAc;AAGhB,MAAMC,iBAAiBC,WAA6BF,WAAW,WAAW;AAE1E,MAAA,mBAAeC;"}

package/dist/esm/components/Typography/Typography.js

@@ -0,0 +1,152 @@
+import _styled from "@emotion/styled/base";
+import { forwardRef, useMemo } from "react";
+import { transientOptions } from "../../utils/transientOptions.js";
+import { theme } from "@hitachivantara/uikit-styles";
+import { mapVariant } from "./utils.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+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 HvTypographyMap = {
+  display: "h1",
+  title1: "h1",
+  title2: "h2",
+  title3: "h3",
+  title4: "h4",
+  body: "p",
+  label: "label",
+  caption1: "p",
+  caption2: "p",
+  "5xlTitle": "h1",
+  "4xlTitle": "h1",
+  xxlTitle: "h1",
+  lTitle: "h2",
+  sTitle: "h4",
+  xxsTitle: "h6",
+  sectionTitle: "p",
+  placeholderText: "p",
+  link: "p",
+  disabledText: "p",
+  selectedNavText: "p",
+  vizTextDisabled: "p",
+  xsInlineLink: "p"
+};
+const getStyledComponent = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1tnpalo0"
+}, transientOptions) : _extends({}, {
+  target: "e1tnpalo0",
+  label: "getStyledComponent"
+}, transientOptions))(({
+  $variant,
+  $link = false,
+  $disabled = false,
+  $noWrap = false
+}) => ({
+  ...$variant === "display" && {
+    ...theme.typography.display
+  },
+  ...$variant === "title1" && {
+    ...theme.typography.title1
+  },
+  ...$variant === "title2" && {
+    ...theme.typography.title2
+  },
+  ...$variant === "title3" && {
+    ...theme.typography.title3
+  },
+  ...$variant === "title4" && {
+    ...theme.typography.title4
+  },
+  ...$variant === "body" && {
+    ...theme.typography.body
+  },
+  ...$variant === "label" && {
+    ...theme.typography.label
+  },
+  ...$variant === "caption1" && {
+    ...theme.typography.caption1
+  },
+  ...$variant === "caption2" && {
+    ...theme.typography.caption2
+  },
+  ...$variant === "5xlTitle" && {
+    ...theme.typography["5xlTitle"]
+  },
+  ...$variant === "4xlTitle" && {
+    ...theme.typography["4xlTitle"]
+  },
+  ...$variant === "xxlTitle" && {
+    ...theme.typography.xxlTitle
+  },
+  ...$variant === "lTitle" && {
+    ...theme.typography.lTitle
+  },
+  ...$variant === "sTitle" && {
+    ...theme.typography.sTitle
+  },
+  ...$variant === "xxsTitle" && {
+    ...theme.typography.xxsTitle
+  },
+  ...$variant === "sectionTitle" && {
+    ...theme.typography.sectionTitle,
+    textTransform: "uppercase"
+  },
+  ...$variant === "placeholderText" && {
+    ...theme.typography.placeholderText
+  },
+  color: theme.colors.acce1,
+  ...$link && {
+    color: theme.colors.acce2,
+    textDecoration: "underline",
+    cursor: "pointer"
+  },
+  ...$disabled && {
+    color: theme.colors.atmo5
+  },
+  ...$noWrap && {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmLCB1c2VNZW1vLCBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlWYXJpYW50cyA9XG4gIHwgXCJkaXNwbGF5XCJcbiAgfCBcInRpdGxlMVwiXG4gIHwgXCJ0aXRsZTJcIlxuICB8IFwidGl0bGUzXCJcbiAgfCBcInRpdGxlNFwiXG4gIHwgXCJib2R5XCJcbiAgfCBcImxhYmVsXCJcbiAgfCBcImNhcHRpb24xXCJcbiAgfCBcImNhcHRpb24yXCI7XG5cbmV4cG9ydCB0eXBlIEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzID1cbiAgfCBcIjV4bFRpdGxlXCJcbiAgfCBcIjR4bFRpdGxlXCJcbiAgfCBcIjN4bFRpdGxlXCJcbiAgfCBcInh4bFRpdGxlXCJcbiAgfCBcInhsVGl0bGVcIlxuICB8IFwibFRpdGxlXCJcbiAgfCBcIm1UaXRsZVwiXG4gIHwgXCJzVGl0bGVcIlxuICB8IFwieHNUaXRsZVwiXG4gIHwgXCJ4eHNUaXRsZVwiXG4gIHwgXCJzZWN0aW9uVGl0bGVcIlxuICB8IFwiaGlnaGxpZ2h0VGV4dFwiXG4gIHwgXCJub3JtYWxUZXh0XCJcbiAgfCBcInBsYWNlaG9sZGVyVGV4dFwiXG4gIHwgXCJsaW5rXCJcbiAgfCBcImRpc2FibGVkVGV4dFwiXG4gIHwgXCJzZWxlY3RlZE5hdlRleHRcIlxuICB8IFwidml6VGV4dFwiXG4gIHwgXCJ2aXpUZXh0RGlzYWJsZWRcIlxuICB8IFwieHNJbmxpbmVMaW5rXCI7XG5cbmNvbnN0IEh2VHlwb2dyYXBoeU1hcCA9IHtcbiAgZGlzcGxheTogXCJoMVwiLFxuICB0aXRsZTE6IFwiaDFcIixcbiAgdGl0bGUyOiBcImgyXCIsXG4gIHRpdGxlMzogXCJoM1wiLFxuICB0aXRsZTQ6IFwiaDRcIixcbiAgYm9keTogXCJwXCIsXG4gIGxhYmVsOiBcImxhYmVsXCIsXG4gIGNhcHRpb24xOiBcInBcIixcbiAgY2FwdGlvbjI6IFwicFwiLFxuICAvLyBMRUdBQ1lcbiAgXCI1eGxUaXRsZVwiOiBcImgxXCIsXG4gIFwiNHhsVGl0bGVcIjogXCJoMVwiLFxuICB4eGxUaXRsZTogXCJoMVwiLFxuICBsVGl0bGU6IFwiaDJcIixcbiAgc1RpdGxlOiBcImg0XCIsXG4gIHh4c1RpdGxlOiBcImg2XCIsXG4gIHNlY3Rpb25UaXRsZTogXCJwXCIsXG4gIHBsYWNlaG9sZGVyVGV4dDogXCJwXCIsXG4gIGxpbms6IFwicFwiLFxuICBkaXNhYmxlZFRleHQ6IFwicFwiLFxuICBzZWxlY3RlZE5hdlRleHQ6IFwicFwiLFxuICB2aXpUZXh0RGlzYWJsZWQ6IFwicFwiLFxuICB4c0lubGluZUxpbms6IFwicFwiLFxufSBhcyBjb25zdDtcblxuY29uc3QgZ2V0U3R5bGVkQ29tcG9uZW50ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkdmFyaWFudCxcbiAgICAgICRsaW5rID0gZmFsc2UsXG4gICAgICAkZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICRub1dyYXAgPSBmYWxzZSxcbiAgICB9OiB7XG4gICAgICAkdmFyaWFudDogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgICAgICRsaW5rPzogYm9vbGVhbjtcbiAgICAgICRkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgICAkbm9XcmFwPzogYm9vbGVhbjtcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImRpc3BsYXlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmRpc3BsYXkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTFcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUyIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUzXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTMgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlNCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsYWJlbFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC8vIExFR0FDWVxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcIjV4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeVtcIjV4bFRpdGxlXCJdIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNHhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNHhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhsVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuc1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHhzVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5Lnh4c1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VjdGlvblRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zZWN0aW9uVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJwbGFjZWhvbGRlclRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnBsYWNlaG9sZGVyVGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIC8vIEFEREVEIFBST1BTXG4gICAgICAuLi4oJGxpbmsgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICB9KSxcbiAgICAgIC4uLigkbm9XcmFwICYmIHtcbiAgICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5UHJvcHMgPSBIdkJhc2VQcm9wczxIVE1MRWxlbWVudCwgeyBkaXNhYmxlZCB9PiAmIHtcbiAgY29tcG9uZW50PzogUmVhY3QuUmVhY3ROb2RlIHwgUmVhY3QuRWxlbWVudFR5cGU7XG4gIC8qKiBVc2UgdGhlIHZhcmlhbnQgcHJvcCB0byBjaGFuZ2UgdGhlIHZpc3VhbCBzdHlsZSBvZiB0aGUgVHlwb2dyYXBoeS4gKi9cbiAgdmFyaWFudD86IEh2VHlwb2dyYXBoeVZhcmlhbnRzIHwgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHM7XG4gIC8qKiBJZiBgdHJ1ZWAgdGhlIHR5cG9ncnBhaHkgd2lsbCBkaXNwbGF5IHRoZSBsb29rIG9mIGEgbGluay4gKi9cbiAgbGluaz86IGJvb2xlYW47XG4gIC8qKiBJZiBgdHJ1ZWAgdGhlIHR5cG9ncnBhaHkgd2lsbCBkaXNwbGF5IHRoZSBsb29rIG9mIGEgZGlzYWJsZWQgc3RhdGUuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBoYXZlIGEgYm90dG9tIG1hcmdpbi4gKi9cbiAgcGFyYWdyYXBoPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBub3Qgd3JhcCwgYnV0IGluc3RlYWQgd2lsbCB0cnVuY2F0ZSB3aXRoIGEgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgICpcbiAgICogTm90ZSB0aGF0IHRleHQgb3ZlcmZsb3cgY2FuIG9ubHkgaGFwcGVuIHdpdGggYmxvY2sgb3IgaW5saW5lLWJsb2NrIGxldmVsIGVsZW1lbnRzXG4gICAqICh0aGUgZWxlbWVudCBuZWVkcyB0byBoYXZlIGEgd2lkdGggaW4gb3JkZXIgdG8gb3ZlcmZsb3cpLlxuICAgKi9cbiAgbm9XcmFwPzogYm9vbGVhbjtcbn07XG5cbi8qKlxuICogVHlwb2dyYXBoeSBjb21wb25lbnQgaXMgdXNlZCB0byByZW5kZXIgdGV4dCBhbmQgcGFyYWdyYXBocyB3aXRoaW4gYW4gaW50ZXJmYWNlLlxuICovXG5leHBvcnQgY29uc3QgSHZUeXBvZ3JhcGh5ID0gZm9yd2FyZFJlZihcbiAgKHByb3BzOiBIdlR5cG9ncmFwaHlQcm9wcywgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQsXG4gICAgICB2YXJpYW50ID0gXCJib2R5XCIsXG4gICAgICBsaW5rID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgbm9XcmFwID0gZmFsc2UsXG4gICAgICBwYXJhZ3JhcGggPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IG1hcHBlZFZhcmlhbnQgPSBtYXBWYXJpYW50KHZhcmlhbnQpO1xuXG4gICAgY29uc3QgY29tcCA9XG4gICAgICBjb21wb25lbnQgfHwgKHBhcmFncmFwaCA/IFwicFwiIDogSHZUeXBvZ3JhcGh5TWFwW21hcHBlZFZhcmlhbnRdIHx8IFwic3BhblwiKTtcblxuICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBnZXRTdHlsZWRDb21wb25lbnQoY29tcCB8fCBcInBcIiksXG4gICAgICBbY29tcF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb21wb25lbnRcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAkdmFyaWFudD17bWFwcGVkVmFyaWFudH1cbiAgICAgICAgJGxpbms9e2xpbmt9XG4gICAgICAgICRkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICRub1dyYXA9e25vV3JhcH1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb21wb25lbnQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+const HvTypography = forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    component,
+    variant = "body",
+    link = false,
+    disabled = false,
+    noWrap = false,
+    paragraph = false,
+    ...others
+  } = props;
+  const mappedVariant = mapVariant(variant);
+  const comp = component || (paragraph ? "p" : HvTypographyMap[mappedVariant] || "span");
+  const StyledComponent = useMemo(() => getStyledComponent(comp || "p"), [comp]);
+  return /* @__PURE__ */ jsx(StyledComponent, {
+    ref,
+    className,
+    $variant: mappedVariant,
+    $link: link,
+    $disabled: disabled,
+    $noWrap: noWrap,
+    ...others,
+    children
+  });
+});
+export {
+  HvTypography
+};
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { forwardRef, Ref, useMemo, CSSProperties } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { mapVariant } from \"./utils\";\n\nexport type HvTypographyVariants =\n  | \"display\"\n  | \"title1\"\n  | \"title2\"\n  | \"title3\"\n  | \"title4\"\n  | \"body\"\n  | \"label\"\n  | \"caption1\"\n  | \"caption2\";\n\nexport type HvTypographyLegacyVariants =\n  | \"5xlTitle\"\n  | \"4xlTitle\"\n  | \"3xlTitle\"\n  | \"xxlTitle\"\n  | \"xlTitle\"\n  | \"lTitle\"\n  | \"mTitle\"\n  | \"sTitle\"\n  | \"xsTitle\"\n  | \"xxsTitle\"\n  | \"sectionTitle\"\n  | \"highlightText\"\n  | \"normalText\"\n  | \"placeholderText\"\n  | \"link\"\n  | \"disabledText\"\n  | \"selectedNavText\"\n  | \"vizText\"\n  | \"vizTextDisabled\"\n  | \"xsInlineLink\";\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"label\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $variant,\n      $link = false,\n      $disabled = false,\n      $noWrap = false,\n    }: {\n      $variant: HvTypographyVariants | HvTypographyLegacyVariants;\n      $link?: boolean;\n      $disabled?: boolean;\n      $noWrap?: boolean;\n    }) => ({\n      ...($variant === \"display\" && {\n        ...(theme.typography.display as CSSProperties),\n      }),\n      ...($variant === \"title1\" && {\n        ...(theme.typography.title1 as CSSProperties),\n      }),\n      ...($variant === \"title2\" && {\n        ...(theme.typography.title2 as CSSProperties),\n      }),\n      ...($variant === \"title3\" && {\n        ...(theme.typography.title3 as CSSProperties),\n      }),\n      ...($variant === \"title4\" && {\n        ...(theme.typography.title4 as CSSProperties),\n      }),\n      ...($variant === \"body\" && {\n        ...(theme.typography.body as CSSProperties),\n      }),\n      ...($variant === \"label\" && {\n        ...(theme.typography.label as CSSProperties),\n      }),\n      ...($variant === \"caption1\" && {\n        ...(theme.typography.caption1 as CSSProperties),\n      }),\n      ...($variant === \"caption2\" && {\n        ...(theme.typography.caption2 as CSSProperties),\n      }),\n      // LEGACY\n      ...($variant === \"5xlTitle\" && {\n        ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n      }),\n      ...($variant === \"4xlTitle\" && {\n        ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n      }),\n      ...($variant === \"xxlTitle\" && {\n        ...(theme.typography.xxlTitle as CSSProperties),\n      }),\n      ...($variant === \"lTitle\" && {\n        ...(theme.typography.lTitle as CSSProperties),\n      }),\n      ...($variant === \"sTitle\" && {\n        ...(theme.typography.sTitle as CSSProperties),\n      }),\n      ...($variant === \"xxsTitle\" && {\n        ...(theme.typography.xxsTitle as CSSProperties),\n      }),\n      ...($variant === \"sectionTitle\" && {\n        ...(theme.typography.sectionTitle as CSSProperties),\n        textTransform: \"uppercase\",\n      }),\n      ...($variant === \"placeholderText\" && {\n        ...(theme.typography.placeholderText as CSSProperties),\n      }),\n      color: theme.colors.acce1,\n      // ADDED PROPS\n      ...($link && {\n        color: theme.colors.acce2,\n        textDecoration: \"underline\",\n        cursor: \"pointer\",\n      }),\n      ...($disabled && {\n        color: theme.colors.atmo5,\n      }),\n      ...($noWrap && {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }),\n    })\n  );\n\nexport type HvTypographyProps = HvBaseProps<HTMLElement, { disabled }> & {\n  component?: React.ReactNode | React.ElementType;\n  /** Use the variant prop to change the visual style of the Typography. */\n  variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n  /** If `true` the typogrpahy will display the look of a link. */\n  link?: boolean;\n  /** If `true` the typogrpahy will display the look of a disabled state. */\n  disabled?: boolean;\n  /** If `true`, the text will have a bottom margin. */\n  paragraph?: boolean;\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap?: boolean;\n};\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n  (props: HvTypographyProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      component,\n      variant = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = props;\n\n    const mappedVariant = mapVariant(variant);\n\n    const comp =\n      component || (paragraph ? \"p\" : HvTypographyMap[mappedVariant] || \"span\");\n\n    const StyledComponent = useMemo(\n      () => getStyledComponent(comp || \"p\"),\n      [comp]\n    );\n\n    return (\n      <StyledComponent\n        ref={ref}\n        className={className}\n        $variant={mappedVariant}\n        $link={link}\n        $disabled={disabled}\n        $noWrap={noWrap}\n        {...others}\n      >\n        {children}\n      </StyledComponent>\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","color","colors","acce1","acce2","textDecoration","cursor","atmo5","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","variant","disabled","noWrap","paragraph","others","mappedVariant","mapVariant","comp","StyledComponent","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AAEA,MAAMC,qBAAqBA,CAACC,MAExBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAApB,OAAA;AAAA,GAAhBqB,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,UAAU;AAMZ,OAAO;AAAA,EACL,GAAIH,aAAa,aAAa;AAAA,IAC5B,GAAII,MAAMC,WAAWjC;AAAAA,EACvB;AAAA,EACA,GAAI4B,aAAa,YAAY;AAAA,IAC3B,GAAII,MAAMC,WAAWhC;AAAAA,EACvB;AAAA,EACA,GAAI2B,aAAa,YAAY;AAAA,IAC3B,GAAII,MAAMC,WAAW/B;AAAAA,EACvB;AAAA,EACA,GAAI0B,aAAa,YAAY;AAAA,IAC3B,GAAII,MAAMC,WAAW9B;AAAAA,EACvB;AAAA,EACA,GAAIyB,aAAa,YAAY;AAAA,IAC3B,GAAII,MAAMC,WAAW7B;AAAAA,EACvB;AAAA,EACA,GAAIwB,aAAa,UAAU;AAAA,IACzB,GAAII,MAAMC,WAAW5B;AAAAA,EACvB;AAAA,EACA,GAAIuB,aAAa,WAAW;AAAA,IAC1B,GAAII,MAAMC,WAAW3B;AAAAA,EACvB;AAAA,EACA,GAAIsB,aAAa,cAAc;AAAA,IAC7B,GAAII,MAAMC,WAAW1B;AAAAA,EACvB;AAAA,EACA,GAAIqB,aAAa,cAAc;AAAA,IAC7B,GAAII,MAAMC,WAAWzB;AAAAA,EACvB;AAAA,EAEA,GAAIoB,aAAa,cAAc;AAAA,IAC7B,GAAII,MAAMC,WAAW;AAAA,EACvB;AAAA,EACA,GAAIL,aAAa,cAAc;AAAA,IAC7B,GAAII,MAAMC,WAAW;AAAA,EACvB;AAAA,EACA,GAAIL,aAAa,cAAc;AAAA,IAC7B,GAAII,MAAMC,WAAWxB;AAAAA,EACvB;AAAA,EACA,GAAImB,aAAa,YAAY;AAAA,IAC3B,GAAII,MAAMC,WAAWvB;AAAAA,EACvB;AAAA,EACA,GAAIkB,aAAa,YAAY;AAAA,IAC3B,GAAII,MAAMC,WAAWtB;AAAAA,EACvB;AAAA,EACA,GAAIiB,aAAa,cAAc;AAAA,IAC7B,GAAII,MAAMC,WAAWrB;AAAAA,EACvB;AAAA,EACA,GAAIgB,aAAa,kBAAkB;AAAA,IACjC,GAAII,MAAMC,WAAWpB;AAAAA,IACrBqB,eAAe;AAAA,EACjB;AAAA,EACA,GAAIN,aAAa,qBAAqB;AAAA,IACpC,GAAII,MAAMC,WAAWnB;AAAAA,EACvB;AAAA,EACAqB,OAAOH,MAAMI,OAAOC;AAAAA,EAEpB,GAAIR,SAAS;AAAA,IACXM,OAAOH,MAAMI,OAAOE;AAAAA,IACpBC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACA,GAAIV,aAAa;AAAA,IACfK,OAAOH,MAAMI,OAAOK;AAAAA,EACtB;AAAA,EACA,GAAIV,WAAW;AAAA,IACbW,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,yvQAAA;AAwBI,MAAMqB,eAAeC,WAC1B,CAACC,OAA0BC,QAA6B;AAChD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVrC,OAAO;AAAA,IACPsC,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,OACTC;AAAAA,EACDT,IAAAA;AAEEU,QAAAA,gBAAgBC,WAAWN,OAAO;AAExC,QAAMO,OACJR,cAAcI,YAAY,MAAMxD,gBAAgB0D,kBAAkB;AAE9DG,QAAAA,kBAAkBC,QACtB,MAAMzC,mBAAmBuC,QAAQ,GAAG,GACpC,CAACA,IAAI,CAAC;AAGR,6BACGC,iBAAe;AAAA,IACdZ;AAAAA,IACAE;AAAAA,IACAtB,UAAU6B;AAAAA,IACV5B,OAAOd;AAAAA,IACPe,WAAWuB;AAAAA,IACXtB,SAASuB;AAAAA,IAAO,GACZE;AAAAA,IAAMP;AAAAA,EAAAA,CAGM;AAEtB,CAAC;"}

package/dist/esm/components/Typography/utils.js

@@ -0,0 +1,13 @@
+const mappableVariants = /* @__PURE__ */ new Map([["3xlTitle", "display"], ["xlTitle", "title1"], ["mTitle", "title2"], ["xsTitle", "title3"], ["highlightText", "label"], ["normalText", "body"], ["vizText", "caption1"]]);
+const mapVariant = (variant) => {
+  const mappedVariant = mappableVariants.get(variant);
+  if (mappedVariant) {
+    console.warn(`The typography variant ${variant} is deprecated. You should use ${mappedVariant} instead.`);
+    return mappedVariant;
+  }
+  return variant;
+};
+export {
+  mapVariant
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/Typography/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Typography/utils.ts"],"sourcesContent":["const legacyVariants = [\n  \"5xlTitle\",\n  \"4xlTitle\",\n  \"3xlTitle\",\n  \"xxlTitle\",\n  \"xlTitle\",\n  \"lTitle\",\n  \"mTitle\",\n  \"sTitle\",\n  \"xsTitle\",\n  \"xxsTitle\",\n  \"sectionTitle\",\n  \"highlightText\",\n  \"normalText\",\n  \"placeholderText\",\n  \"link\",\n  \"disabledText\",\n  \"selectedNavText\",\n  \"vizText\",\n  \"vizTextDisabled\",\n  \"xsInlineLink\",\n];\n\nconst mappableVariants = new Map([\n  [\"3xlTitle\", \"display\"],\n  [\"xlTitle\", \"title1\"],\n  [\"mTitle\", \"title2\"],\n  [\"xsTitle\", \"title3\"],\n  [\"highlightText\", \"label\"],\n  [\"normalText\", \"body\"],\n  [\"vizText\", \"caption1\"],\n]);\n\nexport const isLegacyVariant = (variant: string) =>\n  legacyVariants.includes(variant);\n\nexport const mapVariant = (variant: string) => {\n  const mappedVariant = mappableVariants.get(variant);\n  if (mappedVariant) {\n    console.warn(\n      `The typography variant ${variant} is deprecated. You should use ${mappedVariant} instead.`\n    );\n    return mappedVariant;\n  }\n  return variant;\n};\n"],"names":["mappableVariants","Map","mapVariant","variant","mappedVariant","get","warn"],"mappings":"AAuBA,MAAMA,mBAAmB,oBAAIC,IAAI,CAC/B,CAAC,YAAY,SAAS,GACtB,CAAC,WAAW,QAAQ,GACpB,CAAC,UAAU,QAAQ,GACnB,CAAC,WAAW,QAAQ,GACpB,CAAC,iBAAiB,OAAO,GACzB,CAAC,cAAc,MAAM,GACrB,CAAC,WAAW,UAAU,CAAC,CACxB;AAKYC,MAAAA,aAAaA,CAACC,YAAoB;AACvCC,QAAAA,gBAAgBJ,iBAAiBK,IAAIF,OAAO;AAClD,MAAIC,eAAe;AACTE,YAAAA,KACL,0BAAyBH,yCAAyCC,wBAAwB;AAEtFA,WAAAA;AAAAA,EACT;AACOD,SAAAA;AACT;"}

package/dist/esm/hocs/withId.js

@@ -0,0 +1,28 @@
+import { useState } from "react";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import uniqueId from "lodash/uniqueId";
+import { jsx } from "@emotion/react/jsx-runtime";
+import getComponentName from "../utils/getComponentName.js";
+const pascalToKebab = (string = "") => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const withId = (Component) => {
+  const WithId = ({
+    id,
+    ...others
+  }) => {
+    const [internalId] = useState(id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`));
+    return /* @__PURE__ */ jsx(Component, {
+      id: internalId,
+      ...others
+    });
+  };
+  hoistNonReactStatics(WithId, Component);
+  if (process.env.NODE_ENV !== "production") {
+    WithId.Naked = Component;
+  }
+  return WithId;
+};
+const withId$1 = withId;
+export {
+  withId$1 as default
+};
+//# sourceMappingURL=withId.js.map

package/dist/esm/hocs/withId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withId.js","sources":["../../../src/hocs/withId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { HvExtraProps } from \"types\";\nimport { getComponentName } from \"utils\";\n\nconst pascalToKebab = (string = \"\") =>\n  string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }: { id?: string } & HvExtraProps) => {\n    const [internalId] = useState(\n      id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`)\n    );\n\n    return <Component id={internalId} {...others} />;\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"names":["pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","internalId","useState","uniqueId","getComponentName","hoistNonReactStatics","process","env","NODE_ENV","Naked"],"mappings":";;;;;AAMA,MAAMA,gBAAgBA,CAACC,SAAS,OAC9BA,OAAOC,QAAQ,sBAAsB,OAAO,EAAEC;AAEhD,MAAMC,SAAUC,CAAc,cAAA;AAC5B,QAAMC,SAASA,CAAC;AAAA,IAAEC;AAAAA,OAAOC;AAAAA,EAAAA,MAA6C;AACpE,UAAM,CAACC,UAAU,IAAIC,SACnBH,MAAMI,SAAU,GAAEX,cAAcY,iBAAiBP,SAAS,CAAC,IAAI,CAAC;AAGlE,+BAAQA,WAAS;AAAA,MAACE,IAAIE;AAAAA,MAAW,GAAKD;AAAAA,IAAAA,CAAU;AAAA,EAAA;AAIlDK,uBAAqBP,QAAQD,SAAS;AAElCS,MAAAA,QAAQC,IAAIC,aAAa,cAAc;AACzCV,WAAOW,QAAQZ;AAAAA,EACjB;AAEOC,SAAAA;AACT;AAEA,MAAA,WAAeF;"}

package/dist/esm/hocs/withTooltip.js

@@ -0,0 +1,52 @@
+import { useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvTooltip } from "../components/Tooltip/Tooltip.js";
+import { HvTypography } from "../components/Typography/Typography.js";
+const styles = {
+  truncate: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }
+};
+const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps, tooltipContainerProps) => (props) => {
+  const [isHoverDisabled, setIsHoverDisabled] = useState(false);
+  const [open, setOpen] = useState(false);
+  const title = /* @__PURE__ */ jsx(HvTypography, {
+    children: label
+  });
+  const handleMouseEnter = (evt) => {
+    const isHidden = hideTooltip == null ? void 0 : hideTooltip(evt);
+    setIsHoverDisabled(isHidden);
+    setOpen(!isHidden);
+  };
+  const handleMouseLeave = () => {
+    setIsHoverDisabled(false);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsx(HvTooltip, {
+    style: {
+      ...styles.truncate
+    },
+    disableHoverListener: isHoverDisabled,
+    disableFocusListener: true,
+    disableTouchListener: true,
+    title,
+    open,
+    placement,
+    ...tooltipProps,
+    children: /* @__PURE__ */ jsx("div", {
+      ...tooltipContainerProps,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: /* @__PURE__ */ jsx(Component, {
+        ...props
+      })
+    })
+  });
+};
+const withTooltip$1 = withTooltip;
+export {
+  withTooltip$1 as default
+};
+//# sourceMappingURL=withTooltip.js.map

package/dist/esm/hocs/withTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTooltip.js","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { HvTypography, HvTooltip } from \"components\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (\n    Component,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement,\n    hideTooltip,\n    tooltipProps,\n    tooltipContainerProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","HvTypography","children","handleMouseEnter","evt","isHidden","handleMouseLeave","HvTooltip","style","disableHoverListener","disableFocusListener","disableTouchListener","onMouseEnter","onMouseLeave"],"mappings":";;;;AAGA,MAAMA,SAAS;AAAA,EACbC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEA,MAAMC,cACJA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,SAAS,KAAK;AAC5D,QAAM,CAACC,MAAMC,OAAO,IAAIF,SAAS,KAAK;AAEhCG,QAAAA,4BAASC,cAAY;AAAA,IAAAC,UAAEb;AAAAA,EAAAA,CAAqB;AAElD,QAAMc,mBAAoBC,CAAQ,QAAA;AAC1BC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAGf,6BACGQ,WAAS;AAAA,IACRC,OAAO;AAAA,MAAE,GAAG1B,OAAOC;AAAAA,IAAS;AAAA,IAC5B0B,sBAAsBd;AAAAA,IACtBe,sBAAoB;AAAA,IACpBC,sBAAoB;AAAA,IACpBX;AAAAA,IACAF;AAAAA,IACAR;AAAAA,IAAqB,GACjBE;AAAAA,IAAYU,8BAEhB,OAAA;AAAA,MAAA,GACMT;AAAAA,MACJmB,cAAcT;AAAAA,MACdU,cAAcP;AAAAA,MAAiBJ,8BAE9Bd,WAAS;AAAA,QAAA,GAAKM;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAAI;AAAA,EAAA,CAEhB;AAEhB;AAEF,MAAA,gBAAeP;"}

package/dist/esm/hooks/useClickOutside.js

@@ -0,0 +1,26 @@
+import { useEffect } from "react";
+const useClickOutside = (ref, handler) => {
+  useEffect(() => {
+    const listener = (event) => {
+      const el = ref == null ? void 0 : ref.current;
+      const isKeyUp = event.type === "keyup";
+      const isEscape = event.key === "Escape";
+      if (!el || el.contains((event == null ? void 0 : event.target) || null)) {
+        return;
+      }
+      return isKeyUp ? isEscape ? handler(event) : null : handler(event);
+    };
+    document.addEventListener("click", listener);
+    document.addEventListener("touchstart", listener);
+    document.addEventListener("keyup", listener);
+    return () => {
+      document.removeEventListener("click", listener);
+      document.removeEventListener("touchstart", listener);
+      document.removeEventListener("keyup", listener);
+    };
+  }, [ref, handler]);
+};
+export {
+  useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/esm/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\ntype Event = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: Event) => void\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return;\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useClickOutside","ref","handler","useEffect","listener","event","el","current","isKeyUp","type","isEscape","key","contains","target","addEventListener","removeEventListener"],"mappings":";AAIaA,MAAAA,kBAAkB,CAC7BC,KACAC,YACG;AACHC,YAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAAiB;AACjC,YAAMC,KAAKL,2BAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,UAAUP,+BAAOQ,WAAmB,IAAI,GAAG;AACvD;AAAA,MACF;AAEA,aAAOL,UAAWE,WAAWR,QAAQG,KAAK,IAAI,OAAQH,QAAQG,KAAK;AAAA,IAAA;AAG5DS,aAAAA,iBAAiB,SAASV,QAAQ;AAClCU,aAAAA,iBAAiB,cAAcV,QAAQ;AACvCU,aAAAA,iBAAiB,SAASV,QAAQ;AAE3C,WAAO,MAAM;AACFW,eAAAA,oBAAoB,SAASX,QAAQ;AACrCW,eAAAA,oBAAoB,cAAcX,QAAQ;AAC1CW,eAAAA,oBAAoB,SAASX,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAACH,KAAKC,OAAO,CAAC;AACnB;"}

package/dist/esm/hooks/useControlled.js

@@ -0,0 +1,21 @@
+import { useRef, useState, useCallback } from "react";
+const useControlled = (controlledProp, initialState) => {
+  const {
+    current: isControlled
+  } = useRef(controlledProp !== void 0);
+  const [valueState, setValue] = useState(initialState);
+  const value = isControlled ? controlledProp : valueState;
+  if (process.env.NODE_ENV !== "production" && isControlled !== (controlledProp !== void 0)) {
+    console.error([`A component is changing the ${isControlled ? "" : "un"}controlled state to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", "Decide between using a controlled or uncontrolled element for the lifetime of the component.", "The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`."].join("\n"));
+  }
+  const setValueIfUncontrolled = useCallback((newValue) => {
+    if (!isControlled) {
+      setValue(newValue);
+    }
+  }, [isControlled]);
+  return [value, setValueIfUncontrolled];
+};
+export {
+  useControlled
+};
+//# sourceMappingURL=useControlled.js.map

package/dist/esm/hooks/useControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlled.js","sources":["../../../src/hooks/useControlled.ts"],"sourcesContent":["// based in https://raw.githubusercontent.com/mui-org/material-ui/next/packages/material-ui/src/utils/useControlled.js\n// modifications:\n// 1. renamed default to initialState, to convey the same meaning of the useState hook.\n// 2. removed the console error when initialState changes; that is acceptable and just ignored, like in useState.\n// 3. the console error regarding switching from controlled to uncontrolled (or vice-versa) is sent synchronously\n//    so the stacktrace shows the caller\n// 4. given that, the hook signature was simplified, no need for metadata\n\nimport { useRef, useState, useCallback } from \"react\";\n\nexport const useControlled = (controlledProp, initialState) => {\n  const { current: isControlled } = useRef(controlledProp !== undefined);\n  const [valueState, setValue] = useState(initialState);\n  const value = isControlled ? controlledProp : valueState;\n\n  if (\n    process.env.NODE_ENV !== \"production\" &&\n    isControlled !== (controlledProp !== undefined)\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      [\n        `A component is changing the ${\n          isControlled ? \"\" : \"un\"\n        }controlled state to be ${isControlled ? \"un\" : \"\"}controlled.`,\n        \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n        \"Decide between using a controlled or uncontrolled element for the lifetime of the component.\",\n        \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n      ].join(\"\\n\")\n    );\n  }\n\n  const setValueIfUncontrolled = useCallback(\n    (newValue) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled];\n};\n"],"names":["useControlled","controlledProp","initialState","current","isControlled","useRef","undefined","valueState","setValue","useState","value","process","env","NODE_ENV","console","error","join","setValueIfUncontrolled","useCallback","newValue"],"mappings":";AAUaA,MAAAA,gBAAgBA,CAACC,gBAAgBC,iBAAiB;AACvD,QAAA;AAAA,IAAEC,SAASC;AAAAA,EAAa,IAAIC,OAAOJ,mBAAmBK,MAAS;AACrE,QAAM,CAACC,YAAYC,QAAQ,IAAIC,SAASP,YAAY;AAC9CQ,QAAAA,QAAQN,eAAeH,iBAAiBM;AAE9C,MACEI,QAAQC,IAAIC,aAAa,gBACzBT,kBAAkBH,mBAAmBK,SACrC;AAEAQ,YAAQC,MACN,CACG,+BACCX,eAAe,KAAK,8BACIA,eAAe,OAAO,iBAChD,+EACA,gGACA,4HAA4H,EAC5HY,KAAK,IAAI,CAAC;AAAA,EAEhB;AAEMC,QAAAA,yBAAyBC,YAC5BC,CAAa,aAAA;AACZ,QAAI,CAACf,cAAc;AACjBI,eAASW,QAAQ;AAAA,IACnB;AAAA,EAAA,GAEF,CAACf,YAAY,CAAC;AAGT,SAAA,CAACM,OAAOO,sBAAsB;AACvC;"}

package/dist/esm/hooks/useForkRef.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+};
+function useForkRef(refA, refB) {
+  return React.useMemo(() => {
+    if (refA == null && refB == null) {
+      return null;
+    }
+    return (refValue) => {
+      setRef(refA, refValue);
+      setRef(refB, refValue);
+    };
+  }, [refA, refB]);
+}
+export {
+  useForkRef as default
+};
+//# sourceMappingURL=useForkRef.js.map

package/dist/esm/hooks/useForkRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForkRef.js","sources":["../../../src/hooks/useForkRef.ts"],"sourcesContent":["// copied from https://github.com/mui-org/material-ui/blob/03bd73be34424cb2cd17ac602def9ad2b9642de4/packages/material-ui-utils/src/useForkRef.js\nimport * as React from \"react\";\n\nconst setRef = (ref, value) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    // eslint-disable-next-line no-param-reassign\n    ref.current = value;\n  }\n};\n\nexport default function useForkRef(refA, refB) {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refA == null && refB == null) {\n      return null;\n    }\n    return (refValue) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"names":["setRef","ref","value","current","useForkRef","refA","refB","React","useMemo","refValue"],"mappings":";AAGA,MAAMA,SAASA,CAACC,KAAKC,UAAU;AACzB,MAAA,OAAOD,QAAQ,YAAY;AAC7BA,QAAIC,KAAK;AAAA,aACAD,KAAK;AAEdA,QAAIE,UAAUD;AAAAA,EAChB;AACF;AAEwBE,SAAAA,WAAWC,MAAMC,MAAM;AAMtCC,SAAAA,MAAMC,QAAQ,MAAM;AACrBH,QAAAA,QAAQ,QAAQC,QAAQ,MAAM;AACzB,aAAA;AAAA,IACT;AACA,WAAQG,CAAa,aAAA;AACnBT,aAAOK,MAAMI,QAAQ;AACrBT,aAAOM,MAAMG,QAAQ;AAAA,IAAA;AAAA,EACvB,GACC,CAACJ,MAAMC,IAAI,CAAC;AACjB;"}

package/dist/esm/hooks/useImageLoaded.js

@@ -0,0 +1,34 @@
+import { useState, useEffect } from "react";
+const useImageLoaded = (src, srcSet) => {
+  const [imageLoaded, setImageLoaded] = useState(false);
+  useEffect(() => {
+    if (!src && !srcSet) {
+      return void 0;
+    }
+    setImageLoaded(false);
+    let active = true;
+    const image = new Image();
+    image.src = src;
+    image.srcset = srcSet || "";
+    image.onload = () => {
+      if (!active) {
+        return;
+      }
+      setImageLoaded("loaded");
+    };
+    image.onerror = () => {
+      if (!active) {
+        return;
+      }
+      setImageLoaded("error");
+    };
+    return () => {
+      active = false;
+    };
+  }, [src, srcSet]);
+  return imageLoaded;
+};
+export {
+  useImageLoaded
+};
+//# sourceMappingURL=useImageLoaded.js.map

package/dist/esm/hooks/useImageLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageLoaded.js","sources":["../../../src/hooks/useImageLoaded.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useImageLoaded = (src, srcSet) => {\n  const [imageLoaded, setImageLoaded] = useState<boolean | string>(false);\n\n  useEffect(() => {\n    if (!src && !srcSet) {\n      return undefined;\n    }\n\n    setImageLoaded(false);\n\n    let active = true;\n    const image = new Image();\n    image.src = src;\n    image.srcset = srcSet || \"\";\n    image.onload = () => {\n      if (!active) {\n        return;\n      }\n\n      setImageLoaded(\"loaded\");\n    };\n    image.onerror = () => {\n      if (!active) {\n        return;\n      }\n\n      setImageLoaded(\"error\");\n    };\n\n    return () => {\n      active = false;\n    };\n  }, [src, srcSet]);\n\n  return imageLoaded;\n};\n"],"names":["useImageLoaded","src","srcSet","imageLoaded","setImageLoaded","useState","useEffect","undefined","active","image","Image","srcset","onload","onerror"],"mappings":";AAEaA,MAAAA,iBAAiBA,CAACC,KAAKC,WAAW;AAC7C,QAAM,CAACC,aAAaC,cAAc,IAAIC,SAA2B,KAAK;AAEtEC,YAAU,MAAM;AACV,QAAA,CAACL,OAAO,CAACC,QAAQ;AACZK,aAAAA;AAAAA,IACT;AAEAH,mBAAe,KAAK;AAEpB,QAAII,SAAS;AACPC,UAAAA,QAAQ,IAAIC;AAClBD,UAAMR,MAAMA;AACZQ,UAAME,SAAST,UAAU;AACzBO,UAAMG,SAAS,MAAM;AACnB,UAAI,CAACJ,QAAQ;AACX;AAAA,MACF;AAEAJ,qBAAe,QAAQ;AAAA,IAAA;AAEzBK,UAAMI,UAAU,MAAM;AACpB,UAAI,CAACL,QAAQ;AACX;AAAA,MACF;AAEAJ,qBAAe,OAAO;AAAA,IAAA;AAGxB,WAAO,MAAM;AACF,eAAA;AAAA,IAAA;AAAA,EACX,GACC,CAACH,KAAKC,MAAM,CAAC;AAETC,SAAAA;AACT;"}

package/dist/esm/hooks/useIsMounted.js

@@ -0,0 +1,15 @@
+import React__default from "react";
+const useIsMounted = () => {
+  const isMounted = React__default.useRef(false);
+  React__default.useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+};
+export {
+  useIsMounted as default
+};
+//# sourceMappingURL=useIsMounted.js.map

package/dist/esm/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import React from \"react\";\n\nexport default () => {\n  const isMounted = React.useRef(false);\n\n  React.useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n"],"names":["isMounted","React","useRef","useEffect","current"],"mappings":";AAEA,MAAA,eAAe,MAAM;AACbA,QAAAA,YAAYC,eAAMC,OAAO,KAAK;AAEpCD,iBAAME,UAAU,MAAM;AACpBH,cAAUI,UAAU;AAEpB,WAAO,MAAM;AACXJ,gBAAUI,UAAU;AAAA,IAAA;AAAA,EAExB,GAAG,CAAE,CAAA;AAEEJ,SAAAA;AACT;"}

package/dist/esm/hooks/useLabels.js

@@ -0,0 +1,14 @@
+import React__default from "react";
+function useLabels(defaultLabels, labels) {
+  const merged = React__default.useMemo(() => {
+    return {
+      ...defaultLabels,
+      ...labels
+    };
+  }, [defaultLabels, labels]);
+  return merged;
+}
+export {
+  useLabels
+};
+//# sourceMappingURL=useLabels.js.map

package/dist/esm/hooks/useLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLabels.js","sources":["../../../src/hooks/useLabels.ts"],"sourcesContent":["import React from \"react\";\n\nexport function useLabels<T>(defaultLabels: Partial<T>, labels: T): T {\n  const merged = React.useMemo(() => {\n    return { ...defaultLabels, ...labels };\n  }, [defaultLabels, labels]);\n\n  return merged;\n}\n"],"names":["useLabels","defaultLabels","labels","merged","React","useMemo"],"mappings":";AAEgBA,SAAAA,UAAaC,eAA2BC,QAAc;AAC9DC,QAAAA,SAASC,eAAMC,QAAQ,MAAM;AAC1B,WAAA;AAAA,MAAE,GAAGJ;AAAAA,MAAe,GAAGC;AAAAA,IAAAA;AAAAA,EAAO,GACpC,CAACD,eAAeC,MAAM,CAAC;AAEnBC,SAAAA;AACT;"}

package/dist/esm/hooks/useSelectionPath.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from "react";
+const getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {
+  data == null ? void 0 : data.forEach((item, i) => {
+    const hasData = item.data && item.data.length;
+    const isSelected = item.id === selectedId;
+    if (isSelected)
+      selection.push(...idx > -1 ? [parent[idx].id] : [], item.id);
+    if (hasData)
+      getSelectionPath(item.data, selectedId, selection, i, data);
+  });
+  return selection;
+};
+const useSelectionPath = (data, selectedId) => {
+  const [selectionPath, setSelectionPath] = useState([]);
+  useEffect(() => {
+    const path = getSelectionPath(data, selectedId);
+    setSelectionPath(path);
+  }, [data, selectedId]);
+  return selectionPath;
+};
+export {
+  useSelectionPath
+};
+//# sourceMappingURL=useSelectionPath.js.map

package/dist/esm/hooks/useSelectionPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionPath.js","sources":["../../../src/hooks/useSelectionPath.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\n\nconst getSelectionPath = (\n  data: HvHeaderNavigationItemProp[] | undefined,\n  selectedId: string,\n  selection: string[] = [],\n  idx: number = -1,\n  parent: HvHeaderNavigationItemProp[] = []\n): string[] => {\n  data?.forEach((item: HvHeaderNavigationItemProp, i) => {\n    const hasData = item.data && item.data.length;\n    const isSelected = item.id === selectedId;\n\n    if (isSelected)\n      selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n  });\n\n  return selection;\n};\n\nexport const useSelectionPath = (data, selectedId): string[] => {\n  const [selectionPath, setSelectionPath] = useState<string[]>([]);\n\n  useEffect(() => {\n    const path = getSelectionPath(data, selectedId);\n    setSelectionPath(path);\n  }, [data, selectedId]);\n\n  return selectionPath;\n};\n"],"names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","selectionPath","setSelectionPath","useState","useEffect","path"],"mappings":";AAGA,MAAMA,mBAAmBA,CACvBC,MACAC,YACAC,YAAsB,IACtBC,MAAc,IACdC,SAAuC,OAC1B;AACPC,+BAAAA,QAAQ,CAACC,MAAkCC,MAAM;AACrD,UAAMC,UAAUF,KAAKN,QAAQM,KAAKN,KAAKS;AACjCC,UAAAA,aAAaJ,KAAKK,OAAOV;AAE3BS,QAAAA;AACFR,gBAAUU,KAAK,GAAIT,MAAM,KAAK,CAACC,OAAOD,KAAKQ,EAAE,IAAI,CAAKL,GAAAA,KAAKK,EAAE;AAC3DH,QAAAA;AAAST,uBAAiBO,KAAKN,MAAMC,YAAYC,WAAWK,GAAGP,IAAI;AAAA,EAAA;AAGlEE,SAAAA;AACT;AAEaW,MAAAA,mBAAmBA,CAACb,MAAMC,eAAyB;AAC9D,QAAM,CAACa,eAAeC,gBAAgB,IAAIC,SAAmB,CAAE,CAAA;AAE/DC,YAAU,MAAM;AACRC,UAAAA,OAAOnB,iBAAiBC,MAAMC,UAAU;AAC9Cc,qBAAiBG,IAAI;AAAA,EAAA,GACpB,CAAClB,MAAMC,UAAU,CAAC;AAEda,SAAAA;AACT;"}

package/dist/esm/hooks/useUniqueId.js

@@ -0,0 +1,7 @@
+import { useState } from "react";
+import uniqueId from "lodash/uniqueId";
+const useUniqueId = (id, idPrefix) => useState(id || uniqueId(idPrefix))[0];
+export {
+  useUniqueId as default
+};
+//# sourceMappingURL=useUniqueId.js.map