@hitachivantara/uikit-react-core 5.0.0-next.12 → 5.0.0-next.14

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport {\n  HvWarningText,\n  HvBaseSwitch,\n  HvLabelProps,\n  HvFormStatus,\n} from \"components\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  StyledFormElement,\n  StyledLabel,\n  StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport type HvSwitchProps = Omit<MuiSwitchProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvSwitchClasses;\n    /**\n     * Id to be applied to the form element root node.\n     */\n    id?: string;\n    /**\n     * The form element name.\n     */\n    name?: string;\n    /**\n     * The value of the form element.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * The label of the form element.\n     *\n     * The form element must be labeled for accessibility reasons.\n     * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n     */\n    label?: React.ReactNode;\n    /**\n     * @ignore\n     */\n    \"aria-label\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-labelledby\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-describedby\"?: string;\n    /**\n     * Properties passed on to the label element.\n     */\n    labelProps?: HvLabelProps;\n    /**\n     * Indicates that the form element is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates that the form element is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that user input is required on the form element.\n     */\n    required?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The status of the form element.\n     *\n     * Valid is correct, invalid is incorrect and standBy means no validations have run.\n     *\n     * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n     * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n     */\n    status?: HvFormStatus;\n    /**\n     * The error message to show when the validation status is \"invalid\".\n     *\n     * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n     */\n    statusMessage?: string;\n    /**\n     * Identifies the element that provides an error message for the switch.\n     *\n     * Will only be used when the validation status is invalid.\n     */\n    \"aria-errormessage\"?: string;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  };\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, switchClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(switchClasses.label, classes?.label)}\n          {...labelProps}\n        />\n      )}\n      <StyledSwitchContainer\n        className={clsx(\n          switchClasses.switchContainer,\n          classes?.switchContainer,\n          isStateInvalid &&\n            clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n        )}\n        $invalid={isStateInvalid}\n      >\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </StyledSwitchContainer>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(switchClasses.error, classes?.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","clsx","switchClasses","root","switchContainer","invalidSwitch","error"],"mappings":";;;;;;;;;;;AAiIaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnB,oBAAoBC;AAAAA,IACpBC;AAAAA,IAEAC;AAAAA,IACAC,iBAAiB;AAAA,IAEjBC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,OAEGC;AAAAA,EACDrB,IAAAA;AAEEsB,QAAAA,YAAYC,YAAYpB,IAAI,UAAU;AAEtC,QAAA,CAACqB,WAAWC,YAAY,IAAIC,cAChCZ,SACAa,QAAQZ,cAAc,CAAC;AAGzB,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIH,cAC5CT,QACA,SAAS;AAGX,QAAM,CAACa,iBAAiB,IAAIJ,cAAcR,eAAe,UAAU;AAEnE,QAAMa,gBAAgBC,YACpB,CAACC,KAAKC,eAAe;AACnBT,iBAAa,MAAM;AAEbnB,UAAAA,YAAY,CAAC4B,YAAY;AAC3BL,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOK,aAAAA;AAAAA,IAAAA,CACR;AAEUD,yCAAAA,KAAKC,YAAY7B;AAAAA,EAAK,GAEnC,CAACW,UAAUV,UAAUmB,cAAcI,oBAAoBxB,KAAK,CAAC;AAOzD8B,QAAAA,eACJhB,oBAAoB,SAClBF,WAAWmB,UAAalB,kBAAkBkB,UACzCnB,WAAWmB,UAAa9B;AAEvB+B,QAAAA,iBAAiBC,UAAUV,eAAe;AAE5CW,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBJ,eACbK,MAAMlB,WAAW,OAAO,IACxBH;AAAAA,EACN;AAEA,8BACG,mBACC,EAAA,IACA,MACA,QAAQS,iBACR,UACA,UACA,UACA,WAAWa,KAAKvC,WAAWwC,cAAcC,MAAM1C,mCAAS0C,IAAI,GAE3DlC,UAAAA;AAAAA,IACC,SAAA,oBAAC,eACC,IAAI+B,MAAMlB,WAAW,OAAO,GAC5B,SAASkB,MAAMlB,WAAW,OAAO,GACjC,OACA,WAAWmB,KAAKC,cAAcjC,OAAOR,mCAASQ,KAAK,GACnD,GAAII,YAEP;AAAA,wBACA,uBACC,EAAA,WAAW4B,KACTC,cAAcE,iBACd3C,mCAAS2C,iBACTP,kBACEI,KAAKC,cAAcG,eAAe5C,mCAAS4C,aAAa,CAAC,GAE7D,UAAUR,gBAEV,UAAA,oBAAC,cACC,EAAA,IAAI5B,QAAQ+B,MAAMlB,WAAW,OAAO,IAAIkB,MAAMrC,IAAI,OAAO,GACzD,MACA,UACA,UACA,UACA,UAAU4B,eACV,OACA,SAASP,WACT,YAAY;AAAA,MACV,gBAAgBa,iBAAiB,OAAOD;AAAAA,MACxC,qBAAqBG;AAAAA,MACrB,cAAc7B;AAAAA,MACd,mBAAmBC;AAAAA,MACnB,oBAAoBC;AAAAA,MACpB,GAAGQ;AAAAA,IAAAA,GAEDC,GAAAA,OAAO,CAAA,GAEf;AAAA,IACCc,oCACE,eACC,EAAA,IAAIK,MAAMlB,WAAW,OAAO,GAC5B,WAAWmB,KAAKC,cAAcI,OAAO7C,mCAAS6C,KAAK,GACnD,eAAa,MACb,kBAAgB,MAChB,UAAQ,MAEPhB,UACH,kBAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport {\n  HvWarningText,\n  HvBaseSwitch,\n  HvLabelProps,\n  HvFormStatus,\n} from \"components\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  StyledFormElement,\n  StyledLabel,\n  StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport type HvSwitchProps = Omit<MuiSwitchProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvSwitchClasses;\n    /**\n     * Id to be applied to the form element root node.\n     */\n    id?: string;\n    /**\n     * The form element name.\n     */\n    name?: string;\n    /**\n     * The value of the form element.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * The label of the form element.\n     *\n     * The form element must be labeled for accessibility reasons.\n     * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n     */\n    label?: React.ReactNode;\n    /**\n     * @ignore\n     */\n    \"aria-label\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-labelledby\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-describedby\"?: string;\n    /**\n     * Properties passed on to the label element.\n     */\n    labelProps?: HvLabelProps;\n    /**\n     * Indicates that the form element is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates that the form element is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that user input is required on the form element.\n     */\n    required?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The status of the form element.\n     *\n     * Valid is correct, invalid is incorrect and standBy means no validations have run.\n     *\n     * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n     * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n     */\n    status?: HvFormStatus;\n    /**\n     * The error message to show when the validation status is \"invalid\".\n     *\n     * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n     */\n    statusMessage?: string;\n    /**\n     * Identifies the element that provides an error message for the switch.\n     *\n     * Will only be used when the validation status is invalid.\n     */\n    \"aria-errormessage\"?: string;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  };\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, switchClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(switchClasses.label, classes?.label)}\n          {...labelProps}\n        />\n      )}\n      <StyledSwitchContainer\n        className={clsx(\n          switchClasses.switchContainer,\n          classes?.switchContainer,\n          isStateInvalid &&\n            clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n        )}\n        $invalid={isStateInvalid}\n      >\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </StyledSwitchContainer>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(switchClasses.error, classes?.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":";;;;;;;;;;;AAiIaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnB,oBAAoBC;AAAAA,IACpBC;AAAAA,IAEAC;AAAAA,IACAC,iBAAiB;AAAA,IAEjBC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,IAEA,GAAGC;AAAAA,EACDrB,IAAAA;AAEEsB,QAAAA,YAAYC,YAAYpB,IAAI,UAAU;AAEtC,QAAA,CAACqB,WAAWC,YAAY,IAAIC,cAChCZ,SACAa,QAAQZ,cAAc,CAAC;AAGzB,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIH,cAC5CT,QACA,SAAS;AAGX,QAAM,CAACa,iBAAiB,IAAIJ,cAAcR,eAAe,UAAU;AAEnE,QAAMa,gBAAgBC,YACpB,CAACC,KAAKC,eAAe;AACnBT,iBAAa,MAAM;AAEbnB,UAAAA,YAAY,CAAC4B,YAAY;AAC3BL,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOK,aAAAA;AAAAA,IAAAA,CACR;AAEUD,yCAAAA,KAAKC,YAAY7B;AAAAA,EAAK,GAEnC,CAACW,UAAUV,UAAUmB,cAAcI,oBAAoBxB,KAAK,CAAC;AAOzD8B,QAAAA,eACJhB,oBAAoB,SAClBF,WAAWmB,UAAalB,kBAAkBkB,UACzCnB,WAAWmB,UAAa9B;AAEvB+B,QAAAA,iBAAiBC,UAAUV,eAAe;AAE5CW,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBJ,eACbK,MAAMlB,WAAW,OAAO,IACxBH;AAAAA,EACN;AAEA,8BACGsB,mBAAiB;AAAA,IAChBtC;AAAAA,IACAC;AAAAA,IACAa,QAAQW;AAAAA,IACRpB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAL,WAAWwC,KAAKxC,WAAWyC,cAAcC,MAAM3C,mCAAS2C,IAAI;AAAA,IAAEC,UAE7DpC,CAAAA,SACCqC,oBAACC,aAAW;AAAA,MACV5C,IAAIqC,MAAMlB,WAAW,OAAO;AAAA,MAC5B0B,SAASR,MAAMlB,WAAW,OAAO;AAAA,MACjCb;AAAAA,MACAP,WAAWwC,KAAKC,cAAclC,OAAOR,mCAASQ,KAAK;AAAA,MAAE,GACjDI;AAAAA,IAAAA,CAEP,GACDiC,oBAACG,uBAAqB;AAAA,MACpB/C,WAAWwC,KACTC,cAAcO,iBACdjD,mCAASiD,iBACTb,kBACEK,KAAKC,cAAcQ,eAAelD,mCAASkD,aAAa,CAAC;AAAA,MAE7DC,UAAUf;AAAAA,MAAeQ,8BAExBQ,cAAY;AAAA,QACXlD,IAAIM,QAAQ+B,MAAMlB,WAAW,OAAO,IAAIkB,MAAMrC,IAAI,OAAO;AAAA,QACzDC;AAAAA,QACAI;AAAAA,QACAD;AAAAA,QACAD;AAAAA,QACAU,UAAUe;AAAAA,QACV1B;AAAAA,QACAS,SAASU;AAAAA,QACTJ,YAAY;AAAA,UACV,gBAAgBiB,iBAAiB,OAAOD;AAAAA,UACxC,qBAAqBG;AAAAA,UACrB,cAAc7B;AAAAA,UACd,mBAAmBC;AAAAA,UACnB,oBAAoBC;AAAAA,UACpB,GAAGQ;AAAAA,QACL;AAAA,QAAE,GACEC;AAAAA,MAAAA,CAAM;AAAA,IAAA,CACV,GAEHc,gBACCW,oBAACQ,eAAa;AAAA,MACZnD,IAAIqC,MAAMlB,WAAW,OAAO;AAAA,MAC5BpB,WAAWwC,KAAKC,cAAcY,OAAOtD,mCAASsD,KAAK;AAAA,MACnDC,eAAa;AAAA,MACbC,kBAAgB;AAAA,MAChBC,UAAQ;AAAA,MAAAb,UAEPf;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACiB;AAExB;"}

package/dist/esm/components/Tab/Tab.js

@@ -1,29 +1,26 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledTab } from "./Tab.styles.js";
 import tabClasses from "./tabClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 const HvTab = ({
   classes,
   iconPosition = "top",
   disabled = false,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(
-    StyledTab,
-    {
-      classes: {
-        root: clsx(tabClasses.root, classes == null ? void 0 : classes.root),
-        selected: clsx(tabClasses.selected, classes == null ? void 0 : classes.selected),
-        disabled: clsx(tabClasses.disabled, classes == null ? void 0 : classes.disabled)
-      },
-      disableRipple: true,
-      disableTouchRipple: true,
-      focusVisibleClassName: clsx("HvIsFocusVisible", clsx(tabClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)),
-      disabled,
-      iconPosition,
-      ...others
-    }
-  );
+  return /* @__PURE__ */ jsx(StyledTab, {
+    classes: {
+      root: clsx(tabClasses.root, classes == null ? void 0 : classes.root),
+      selected: clsx(tabClasses.selected, classes == null ? void 0 : classes.selected),
+      disabled: clsx(tabClasses.disabled, classes == null ? void 0 : classes.disabled)
+    },
+    disableRipple: true,
+    disableTouchRipple: true,
+    focusVisibleClassName: clsx("HvIsFocusVisible", clsx(tabClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)),
+    disabled,
+    iconPosition,
+    ...others
+  });
 };
 export {
   HvTab

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport type HvTabProps = Omit<MuiTabProps, \"children\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** If `true`, the tab will be disabled. */\n    disabled?: boolean;\n    /** The icon element. */\n    icon?: React.ReactElement | string;\n    /** The label element. */\n    label?: React.ReactNode;\n    /** The position of the icon relative to the label. */\n    iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n    /** A Jss Object used to override or extend the component styles. */\n    classes?: HvTabClasses;\n  };\n\nexport const HvTab = ({\n  classes,\n  iconPosition = \"top\",\n  disabled = false,\n  ...others\n}: HvTabProps) => {\n  return (\n    <StyledTab\n      classes={{\n        root: clsx(tabClasses.root, classes?.root),\n        selected: clsx(tabClasses.selected, classes?.selected),\n        disabled: clsx(tabClasses.disabled, classes?.disabled),\n      }}\n      disableRipple\n      disableTouchRipple\n      // Exposes the global class HvIsFocusVisible as a marker not to\n      // be styled directly, but only as helper in specific css queries\n      focusVisibleClassName={clsx(\n        \"HvIsFocusVisible\",\n        clsx(tabClasses.focusVisible, classes?.focusVisible)\n      )}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","root","clsx","tabClasses","selected","focusVisible"],"mappings":";;;;AAqBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,KACRC;AACO,MAAM;AAEd,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACPC,MAAMC,KAAKC,WAAWF,MAAMJ,mCAASI,IAAI;AAAA,QACzCG,UAAUF,KAAKC,WAAWC,UAAUP,mCAASO,QAAQ;AAAA,QACrDL,UAAUG,KAAKC,WAAWJ,UAAUF,mCAASE,QAAQ;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb,oBAAA;AAAA,MAGA,uBAAuBG,KACrB,oBACAA,KAAKC,WAAWE,cAAcR,mCAASQ,YAAY,CAAC;AAAA,MAEtD;AAAA,MACA;AAAA,MACIL,GAAAA;AAAAA,IAAAA;AAAAA,EAAAA;AAGV;"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport type HvTabProps = Omit<MuiTabProps, \"children\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** If `true`, the tab will be disabled. */\n    disabled?: boolean;\n    /** The icon element. */\n    icon?: React.ReactElement | string;\n    /** The label element. */\n    label?: React.ReactNode;\n    /** The position of the icon relative to the label. */\n    iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n    /** A Jss Object used to override or extend the component styles. */\n    classes?: HvTabClasses;\n  };\n\nexport const HvTab = ({\n  classes,\n  iconPosition = \"top\",\n  disabled = false,\n  ...others\n}: HvTabProps) => {\n  return (\n    <StyledTab\n      classes={{\n        root: clsx(tabClasses.root, classes?.root),\n        selected: clsx(tabClasses.selected, classes?.selected),\n        disabled: clsx(tabClasses.disabled, classes?.disabled),\n      }}\n      disableRipple\n      disableTouchRipple\n      // Exposes the global class HvIsFocusVisible as a marker not to\n      // be styled directly, but only as helper in specific css queries\n      focusVisibleClassName={clsx(\n        \"HvIsFocusVisible\",\n        clsx(tabClasses.focusVisible, classes?.focusVisible)\n      )}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;AAqBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,EACX,GAAGC;AACO,MAAM;AAChB,6BACGC,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,KAAKC,WAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,KAAKC,WAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,KAAKC,WAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KACrB,oBACAA,KAAKC,WAAWK,cAAcZ,mCAASY,YAAY,CAAC;AAAA,IAEtDV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACJ;AAEN;"}

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

@@ -8,6 +8,7 @@ const StyledTab = /* @__PURE__ */ _styled(Tab, process.env.NODE_ENV === "product
   target: "evi6req0",
   label: "StyledTab"
 })({
+  // Root
   marginTop: "3px",
   padding: theme.tab.padding,
   minWidth: 70,
@@ -39,6 +40,7 @@ const StyledTab = /* @__PURE__ */ _styled(Tab, process.env.NODE_ENV === "product
   "&:focus": {
     outline: "none"
   },
+  // Override Mui styling: https://mui.com/material-ui/api/tab/#css
   "&.Mui-selected": {
     color: theme.colors.acce1,
     letterSpacing: theme.typography.label.letterSpacing,

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tab/Tab.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledTab = styled(MuiTab)({\n  // Root\n  marginTop: \"3px\",\n  padding: theme.tab.padding,\n  minWidth: 70,\n  minHeight: 32,\n  textTransform: \"none\",\n  fontFamily: theme.fontFamily.body,\n  ...(theme.typography.body as CSSProperties),\n  opacity: 1,\n  \"&::after\": {\n    position: \"absolute\",\n    left: 0,\n    top: \"calc(100% - 1px)\",\n    height: \"1px\",\n    width: \"100%\",\n    backgroundColor: theme.colors.atmo4,\n    content: \"''\",\n  },\n  \"&:hover\": {\n    backgroundColor: theme.tab.hoverBackgroundColor,\n    borderRadius: theme.tab.hoverBackgroundBorderRadius,\n    \"&::after\": {\n      height: \"1px\",\n      backgroundColor: theme.tab.hoverUnderlineBackgroundColor,\n    },\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n\n  // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n  \"&.Mui-selected\": {\n    color: theme.colors.acce1,\n    letterSpacing: theme.typography.label.letterSpacing,\n    lineHeight: theme.typography.label.lineHeight,\n    fontWeight: theme.typography.label.fontWeight,\n  },\n  \"&.Mui-disabled\": {\n    color: theme.colors.atmo5,\n    cursor: \"not-allowed\",\n    pointerEvents: \"all\",\n    opacity: 1,\n    \"&:hover\": {\n      background: \"none\",\n    },\n  },\n  \"& .MuiTab-iconWrapper\": {\n    margin: 0,\n  },\n});\n"],"names":["StyledTab","MuiTab","process","env","NODE_ENV","target","label","marginTop","padding","theme","tab","minWidth","minHeight","textTransform","fontFamily","body","typography","opacity","position","left","top","height","width","backgroundColor","colors","atmo4","content","hoverBackgroundColor","borderRadius","hoverBackgroundBorderRadius","hoverUnderlineBackgroundColor","outlineStyles","outline","color","acce1","letterSpacing","lineHeight","fontWeight","atmo5","cursor","pointerEvents","background","margin"],"mappings":";;;;AAMO,MAAMA,YAAmBC,wBAAAA,KAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAEtCC,WAAW;AAAA,EACXC,SAASC,MAAMC,IAAIF;AAAAA,EACnBG,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,YAAYL,MAAMK,WAAWC;AAAAA,EAC7B,GAAIN,MAAMO,WAAWD;AAAAA,EACrBE,SAAS;AAAA,EACT,YAAY;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,iBAAiBd,MAAMe,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTH,iBAAiBd,MAAMC,IAAIiB;AAAAA,IAC3BC,cAAcnB,MAAMC,IAAImB;AAAAA,IACxB,YAAY;AAAA,MACVR,QAAQ;AAAA,MACRE,iBAAiBd,MAAMC,IAAIoB;AAAAA,IAC7B;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EAGA,kBAAkB;AAAA,IAChBC,OAAOxB,MAAMe,OAAOU;AAAAA,IACpBC,eAAe1B,MAAMO,WAAWV,MAAM6B;AAAAA,IACtCC,YAAY3B,MAAMO,WAAWV,MAAM8B;AAAAA,IACnCC,YAAY5B,MAAMO,WAAWV,MAAM+B;AAAAA,EACrC;AAAA,EACA,kBAAkB;AAAA,IAChBJ,OAAOxB,MAAMe,OAAOc;AAAAA,IACpBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfvB,SAAS;AAAA,IACT,WAAW;AAAA,MACTwB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvBC,QAAQ;AAAA,EACV;AACF,GAACxC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iFAAA;"}
+{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tab/Tab.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledTab = styled(MuiTab)({\n  // Root\n  marginTop: \"3px\",\n  padding: theme.tab.padding,\n  minWidth: 70,\n  minHeight: 32,\n  textTransform: \"none\",\n  fontFamily: theme.fontFamily.body,\n  ...(theme.typography.body as CSSProperties),\n  opacity: 1,\n  \"&::after\": {\n    position: \"absolute\",\n    left: 0,\n    top: \"calc(100% - 1px)\",\n    height: \"1px\",\n    width: \"100%\",\n    backgroundColor: theme.colors.atmo4,\n    content: \"''\",\n  },\n  \"&:hover\": {\n    backgroundColor: theme.tab.hoverBackgroundColor,\n    borderRadius: theme.tab.hoverBackgroundBorderRadius,\n    \"&::after\": {\n      height: \"1px\",\n      backgroundColor: theme.tab.hoverUnderlineBackgroundColor,\n    },\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n\n  // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n  \"&.Mui-selected\": {\n    color: theme.colors.acce1,\n    letterSpacing: theme.typography.label.letterSpacing,\n    lineHeight: theme.typography.label.lineHeight,\n    fontWeight: theme.typography.label.fontWeight,\n  },\n  \"&.Mui-disabled\": {\n    color: theme.colors.atmo5,\n    cursor: \"not-allowed\",\n    pointerEvents: \"all\",\n    opacity: 1,\n    \"&:hover\": {\n      background: \"none\",\n    },\n  },\n  \"& .MuiTab-iconWrapper\": {\n    margin: 0,\n  },\n});\n"],"names":["StyledTab","MuiTab","process","env","NODE_ENV","target","label","marginTop","padding","theme","tab","minWidth","minHeight","textTransform","fontFamily","body","typography","opacity","position","left","top","height","width","backgroundColor","colors","atmo4","content","hoverBackgroundColor","borderRadius","hoverBackgroundBorderRadius","hoverUnderlineBackgroundColor","outlineStyles","outline","color","acce1","letterSpacing","lineHeight","fontWeight","atmo5","cursor","pointerEvents","background","margin"],"mappings":";;;;AAMO,MAAMA,YAAmBC,wBAAAA,KAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA;AAAA,EAEtCC,WAAW;AAAA,EACXC,SAASC,MAAMC,IAAIF;AAAAA,EACnBG,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,YAAYL,MAAMK,WAAWC;AAAAA,EAC7B,GAAIN,MAAMO,WAAWD;AAAAA,EACrBE,SAAS;AAAA,EACT,YAAY;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,iBAAiBd,MAAMe,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTH,iBAAiBd,MAAMC,IAAIiB;AAAAA,IAC3BC,cAAcnB,MAAMC,IAAImB;AAAAA,IACxB,YAAY;AAAA,MACVR,QAAQ;AAAA,MACRE,iBAAiBd,MAAMC,IAAIoB;AAAAA,IAC7B;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA;AAAA,EAGA,kBAAkB;AAAA,IAChBC,OAAOxB,MAAMe,OAAOU;AAAAA,IACpBC,eAAe1B,MAAMO,WAAWV,MAAM6B;AAAAA,IACtCC,YAAY3B,MAAMO,WAAWV,MAAM8B;AAAAA,IACnCC,YAAY5B,MAAMO,WAAWV,MAAM+B;AAAAA,EACrC;AAAA,EACA,kBAAkB;AAAA,IAChBJ,OAAOxB,MAAMe,OAAOc;AAAAA,IACpBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfvB,SAAS;AAAA,IACT,WAAW;AAAA,MACTwB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvBC,QAAQ;AAAA,EACV;AACF,GAACxC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iFAAA;"}

package/dist/esm/components/Table/Table.js

@@ -1,10 +1,10 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { forwardRef, useRef, useMemo } from "react";
 import TableContext from "./TableContext.js";
 import { transientOptions } from "../../utils/transientOptions.js";
 import { theme } from "@hitachivantara/uikit-styles";
+import { jsx } from "@emotion/react/jsx-runtime";
 import tableClasses from "./tableClasses.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -90,7 +90,18 @@ const HvTable = forwardRef(({
     containerRef
   }), [components, variant, containerRef]);
   const Table = useMemo(() => StyledTable(components.Table), [components]);
-  return /* @__PURE__ */ jsx(TableContext.Provider, { value: tableContext, children: /* @__PURE__ */ jsx(Table, { ref, role: component === defaultComponent ? null : "table", className: clsx(tableClasses.root, classes == null ? void 0 : classes.root, stickyHeader && clsx(tableClasses.stickyHeader, classes == null ? void 0 : classes.stickyHeader), stickyColumns && clsx(tableClasses.stickyColumns, classes == null ? void 0 : classes.stickyColumns), variant === "listrow" && clsx(tableClasses.listRow, classes == null ? void 0 : classes.listRow), className), $stickyColumns: stickyColumns, $stickyHeader: stickyHeader, $listrow: variant === "listrow", ...others }) });
+  return /* @__PURE__ */ jsx(TableContext.Provider, {
+    value: tableContext,
+    children: /* @__PURE__ */ jsx(Table, {
+      ref,
+      role: component === defaultComponent ? null : "table",
+      className: clsx(tableClasses.root, classes == null ? void 0 : classes.root, stickyHeader && clsx(tableClasses.stickyHeader, classes == null ? void 0 : classes.stickyHeader), stickyColumns && clsx(tableClasses.stickyColumns, classes == null ? void 0 : classes.stickyColumns), variant === "listrow" && clsx(tableClasses.listRow, classes == null ? void 0 : classes.listRow), className),
+      $stickyColumns: stickyColumns,
+      $stickyHeader: stickyHeader,
+      $listrow: variant === "listrow",
+      ...others
+    })
+  });
 });
 export {
   HvTable

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../types\";\nimport { tableClasses, HvTableClasses } from \".\";\nimport { CSSProperties, forwardRef, useMemo, useRef } from \"react\";\nimport TableContext from \"./TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport type HvTableProps = HvBaseProps & {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n};\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\nconst StyledTable = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $stickyHeader,\n      $stickyColumns,\n      $listrow,\n    }: {\n      $stickyHeader: boolean;\n      $stickyColumns: boolean;\n      $listrow: boolean;\n    }) => ({\n      position: \"relative\",\n      width: \"100%\",\n\n      ...(theme.typography.body as CSSProperties),\n\n      \"table&\": {\n        borderSpacing: 0,\n      },\n\n      \"& caption\": {\n        ...(theme.typography.body as CSSProperties),\n        padding: theme.space.xs,\n        textAlign: \"left\",\n        captionSide: \"bottom\",\n      },\n\n      ...($stickyHeader && {}),\n      ...($stickyColumns && {\n        backgroundColor: theme.colors.atmo2,\n      }),\n      ...($listrow && {\n        \"table&\": {\n          borderSpacing: `0 ${theme.space.xs}`,\n        },\n      }),\n    })\n  );\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n  (\n    {\n      classes,\n      className,\n      component = defaultComponent,\n      stickyHeader = false,\n      stickyColumns = false,\n      variant = \"default\",\n      ...others\n    },\n    ref\n  ) => {\n    const containerRef = useRef(ref);\n\n    const components = useMemo(\n      () => computeTablePartComponents(component),\n      [component]\n    );\n\n    const tableContext = useMemo(\n      () => ({ components, variant, containerRef }),\n      [components, variant, containerRef]\n    );\n\n    const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n    return (\n      <TableContext.Provider value={tableContext}>\n        <Table\n          ref={ref}\n          role={component === defaultComponent ? null : \"table\"}\n          className={clsx(\n            tableClasses.root,\n            classes?.root,\n            stickyHeader &&\n              clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n            stickyColumns &&\n              clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n            variant === \"listrow\" &&\n              clsx(tableClasses.listRow, classes?.listRow),\n            className\n          )}\n          $stickyColumns={stickyColumns}\n          $stickyHeader={stickyHeader}\n          $listrow={variant === \"listrow\"}\n          {...others}\n        />\n      </TableContext.Provider>\n    );\n  }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","clsx","tableClasses","root","listRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAMA,mBAAmB;AAEzB,MAAMC,6BAA8BC,CAAkB,kBAAA;AACpD,MAAIA,kBAAkB,SAAS;AACtB,WAAA;AAAA,MACLC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACLL,OAAOD;AAAAA,IACPE,OAAOF;AAAAA,IACPG,OAAOH;AAAAA,IACPI,IAAIJ;AAAAA,IACJK,IAAIL;AAAAA,IACJM,IAAIN;AAAAA,EAAAA;AAER;AAEA,MAAMO,cAAcA,CAACC,MAEjBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACVC,OAAO;AAAA,EAEP,GAAIC,MAAMC,WAAWC;AAAAA,EAErB,UAAU;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,GAAIH,MAAMC,WAAWC;AAAAA,IACrBE,SAASJ,MAAMK,MAAMC;AAAAA,IACrBC,WAAW;AAAA,IACXC,aAAa;AAAA,EACf;AAAA,EAEA,GAAIb,iBAAiB,CAAC;AAAA,EACtB,GAAIC,kBAAkB;AAAA,IACpBa,iBAAiBT,MAAMU,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAId,YAAY;AAAA,IACd,UAAU;AAAA,MACRM,eAAgB,KAAIH,MAAMK,MAAMC;AAAAA,IAClC;AAAA,EACF;AACF,IAAElB,QAAAC,IAAAC,aACH,eAAA,KAAA,q7NAAA;AAaUsB,MAAAA,UAAUC,WACrB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,YAAYvC;AAAAA,EACZwC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,KACPC;AACL,GACAC,QACG;AACGC,QAAAA,eAAeC,OAAOF,GAAG;AAEzBG,QAAAA,aAAaC,QACjB,MAAM/C,2BAA2BsC,SAAS,GAC1C,CAACA,SAAS,CAAC;AAGPU,QAAAA,eAAeD,QACnB,OAAO;AAAA,IAAED;AAAAA,IAAYL;AAAAA,IAASG;AAAAA,EAC9B,IAAA,CAACE,YAAYL,SAASG,YAAY,CAAC;AAG/B1C,QAAAA,QAAQ6C,QAAQ,MAAMvC,YAAYsC,WAAW5C,KAAK,GAAG,CAAC4C,UAAU,CAAC;AAGrE,SAAA,oBAAC,aAAa,UAAb,EAAsB,OAAOE,cAC5B,UAAC,oBAAA,OAAA,EACC,KACA,MAAMV,cAAcvC,mBAAmB,OAAO,SAC9C,WAAWkD,KACTC,aAAaC,MACbf,mCAASe,MACTZ,gBACEU,KAAKC,aAAaX,cAAcH,mCAASG,YAAY,GACvDC,iBACES,KAAKC,aAAaV,eAAeJ,mCAASI,aAAa,GACzDC,YAAY,aACVQ,KAAKC,aAAaE,SAAShB,mCAASgB,OAAO,GAC7Cf,SAAS,GAEX,gBAAgBG,eAChB,eAAeD,cACf,UAAUE,YAAY,WAClBC,GAAAA,OAAO,CAAA,EAEf,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../types\";\nimport { tableClasses, HvTableClasses } from \".\";\nimport { CSSProperties, forwardRef, useMemo, useRef } from \"react\";\nimport TableContext from \"./TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport type HvTableProps = HvBaseProps & {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n};\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\nconst StyledTable = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $stickyHeader,\n      $stickyColumns,\n      $listrow,\n    }: {\n      $stickyHeader: boolean;\n      $stickyColumns: boolean;\n      $listrow: boolean;\n    }) => ({\n      position: \"relative\",\n      width: \"100%\",\n\n      ...(theme.typography.body as CSSProperties),\n\n      \"table&\": {\n        borderSpacing: 0,\n      },\n\n      \"& caption\": {\n        ...(theme.typography.body as CSSProperties),\n        padding: theme.space.xs,\n        textAlign: \"left\",\n        captionSide: \"bottom\",\n      },\n\n      ...($stickyHeader && {}),\n      ...($stickyColumns && {\n        backgroundColor: theme.colors.atmo2,\n      }),\n      ...($listrow && {\n        \"table&\": {\n          borderSpacing: `0 ${theme.space.xs}`,\n        },\n      }),\n    })\n  );\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n  (\n    {\n      classes,\n      className,\n      component = defaultComponent,\n      stickyHeader = false,\n      stickyColumns = false,\n      variant = \"default\",\n      ...others\n    },\n    ref\n  ) => {\n    const containerRef = useRef(ref);\n\n    const components = useMemo(\n      () => computeTablePartComponents(component),\n      [component]\n    );\n\n    const tableContext = useMemo(\n      () => ({ components, variant, containerRef }),\n      [components, variant, containerRef]\n    );\n\n    const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n    return (\n      <TableContext.Provider value={tableContext}>\n        <Table\n          ref={ref}\n          role={component === defaultComponent ? null : \"table\"}\n          className={clsx(\n            tableClasses.root,\n            classes?.root,\n            stickyHeader &&\n              clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n            stickyColumns &&\n              clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n            variant === \"listrow\" &&\n              clsx(tableClasses.listRow, classes?.listRow),\n            className\n          )}\n          $stickyColumns={stickyColumns}\n          $stickyHeader={stickyHeader}\n          $listrow={variant === \"listrow\"}\n          {...others}\n        />\n      </TableContext.Provider>\n    );\n  }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAMA,mBAAmB;AAEzB,MAAMC,6BAA8BC,CAAkB,kBAAA;AACpD,MAAIA,kBAAkB,SAAS;AACtB,WAAA;AAAA,MACLC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACLL,OAAOD;AAAAA,IACPE,OAAOF;AAAAA,IACPG,OAAOH;AAAAA,IACPI,IAAIJ;AAAAA,IACJK,IAAIL;AAAAA,IACJM,IAAIN;AAAAA,EAAAA;AAER;AAEA,MAAMO,cAAcA,CAACC,MAEjBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACVC,OAAO;AAAA,EAEP,GAAIC,MAAMC,WAAWC;AAAAA,EAErB,UAAU;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,GAAIH,MAAMC,WAAWC;AAAAA,IACrBE,SAASJ,MAAMK,MAAMC;AAAAA,IACrBC,WAAW;AAAA,IACXC,aAAa;AAAA,EACf;AAAA,EAEA,GAAIb,iBAAiB,CAAC;AAAA,EACtB,GAAIC,kBAAkB;AAAA,IACpBa,iBAAiBT,MAAMU,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAId,YAAY;AAAA,IACd,UAAU;AAAA,MACRM,eAAgB,KAAIH,MAAMK,MAAMC;AAAAA,IAClC;AAAA,EACF;AACF,IAAElB,QAAAC,IAAAC,aACH,eAAA,KAAA,q7NAAA;AAaUsB,MAAAA,UAAUC,WACrB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,YAAYvC;AAAAA,EACZwC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,EACV,GAAGC;AACL,GACAC,QACG;AACGC,QAAAA,eAAeC,OAAOF,GAAG;AAEzBG,QAAAA,aAAaC,QACjB,MAAM/C,2BAA2BsC,SAAS,GAC1C,CAACA,SAAS,CAAC;AAGPU,QAAAA,eAAeD,QACnB,OAAO;AAAA,IAAED;AAAAA,IAAYL;AAAAA,IAASG;AAAAA,EAC9B,IAAA,CAACE,YAAYL,SAASG,YAAY,CAAC;AAG/B1C,QAAAA,QAAQ6C,QAAQ,MAAMvC,YAAYsC,WAAW5C,KAAK,GAAG,CAAC4C,UAAU,CAAC;AAGrEG,SAAAA,oBAACC,aAAaC,UAAQ;AAAA,IAACC,OAAOJ;AAAAA,IAAaK,8BACxCnD,OAAK;AAAA,MACJyC;AAAAA,MACAW,MAAMhB,cAAcvC,mBAAmB,OAAO;AAAA,MAC9CsC,WAAWkB,KACTC,aAAaC,MACbrB,mCAASqB,MACTlB,gBACEgB,KAAKC,aAAajB,cAAcH,mCAASG,YAAY,GACvDC,iBACEe,KAAKC,aAAahB,eAAeJ,mCAASI,aAAa,GACzDC,YAAY,aACVc,KAAKC,aAAaE,SAAStB,mCAASsB,OAAO,GAC7CrB,SAAS;AAAA,MAEXnB,gBAAgBsB;AAAAA,MAChBvB,eAAesB;AAAAA,MACfpB,UAAUsB,YAAY;AAAA,MAAU,GAC5BC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEU;AAE5B,CAAC;"}

package/dist/esm/components/Table/TableBody/TableBody.js

@@ -1,9 +1,9 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { forwardRef, useContext, useRef, useMemo, Children, isValidElement } from "react";
 import TableContext from "../TableContext.js";
 import TableSectionContext from "../TableSectionContext.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import useForkRef from "../../../hooks/useForkRef.js";
 import tableBodyClasses from "./tableBodyClasses.js";
 import { HvFocus } from "../../Focus/Focus.js";
@@ -43,11 +43,30 @@ const HvTableBody = forwardRef(({
   const handleRef = useForkRef(externalRef, bodyRef);
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.TBody) || defaultComponent;
   const TableBody = useMemo(() => StyledTableBody(Component), [Component]);
-  return /* @__PURE__ */ jsx(TableSectionContext.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsx(TableBody, { className: clsx(tableBodyClasses.root, classes == null ? void 0 : classes.root, className), ref: handleRef, role: Component === defaultComponent ? null : "rowgroup", ...others, children: withNavigation ? Children.map(children, (element) => {
-    if (isValidElement(element)) {
-      return /* @__PURE__ */ jsx(HvFocus, { id: `my-id-${element.key}`, rootRef: bodyRef, strategy: "grid", useArrows: true, filterClass: tableSectionContext.filterClassName, navigationJump: 1, focusDisabled: false, selected: element.props.selected, children: element }, `row-${element.key}`);
-    }
-  }) : children }) });
+  return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+    value: tableSectionContext,
+    children: /* @__PURE__ */ jsx(TableBody, {
+      className: clsx(tableBodyClasses.root, classes == null ? void 0 : classes.root, className),
+      ref: handleRef,
+      role: Component === defaultComponent ? null : "rowgroup",
+      ...others,
+      children: withNavigation ? Children.map(children, (element) => {
+        if (isValidElement(element)) {
+          return /* @__PURE__ */ jsx(HvFocus, {
+            id: `my-id-${element.key}`,
+            rootRef: bodyRef,
+            strategy: "grid",
+            useArrows: true,
+            filterClass: tableSectionContext.filterClassName,
+            navigationJump: 1,
+            focusDisabled: false,
+            selected: element.props.selected,
+            children: element
+          }, `row-${element.key}`);
+        }
+      }) : children
+    })
+  });
 });
 export {
   HvTableBody

package/dist/esm/components/Table/TableBody/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableBodyClasses, HvTableBodyClasses } from \".\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport TableContext from \"../TableContext\";\nimport { useForkRef } from \"hooks\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { HvFocus } from \"components\";\n\nexport type HvTableBodyProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** Sets whether or not there should be arrow navigation between the table rows */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableBodyClasses;\n};\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n  styled(c)({\n    backgroundColor: \"inherit\",\n    position: \"relative\",\n    zIndex: 0,\n  });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      children,\n      withNavigation = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const tableContext = useContext(TableContext);\n\n    const bodyRef = useRef(null);\n\n    const handleRef = useForkRef(externalRef, bodyRef);\n\n    const Component =\n      component || tableContext?.components?.TBody || defaultComponent;\n\n    const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableBody\n          className={clsx(tableBodyClasses.root, classes?.root, className)}\n          ref={handleRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        >\n          {withNavigation\n            ? Children.map(children, (element) => {\n                if (isValidElement(element)) {\n                  return (\n                    <HvFocus\n                      id={`my-id-${element.key}`}\n                      rootRef={bodyRef}\n                      key={`row-${element.key}`}\n                      strategy=\"grid\"\n                      useArrows\n                      filterClass={tableSectionContext.filterClassName}\n                      navigationJump={1}\n                      focusDisabled={false}\n                      selected={element.props.selected}\n                    >\n                      {element}\n                    </HvFocus>\n                  );\n                }\n              })\n            : children}\n        </TableBody>\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","clsx","tableBodyClasses","root","Children","element","isValidElement","key","props","selected"],"mappings":";;;;;;;;;;;;AAiCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,wBAAOD,GAACE,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,CAIP;AAMSC,MAAAA,cAAcC,WACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,KACdC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,WAAWC,YAAY;AAEtCC,QAAAA,UAAUC,OAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAEvE,SACG,oBAAA,oBAAoB,UAApB,EAA6B,OAAOjC,qBACnC,UAAC,oBAAA,WAAA,EACC,WAAWsC,KAAKC,iBAAiBC,MAAMrB,mCAASqB,MAAMpB,SAAS,GAC/D,KAAKW,WACL,MAAME,cAAc9B,mBAAmB,OAAO,YAC9C,GAAIqB,QAEHD,UAAAA,iBACGkB,SAAS3B,IAAIQ,UAAWoB,CAAY,YAAA;AAC9BC,QAAAA,eAAeD,OAAO,GAAG;AAEzB,aAAA,oBAAC,SACC,EAAA,IAAK,SAAQA,QAAQE,OACrB,SAASf,SAET,UAAS,QACT,WAAS,MACT,aAAa7B,oBAAoBE,iBACjC,gBAAgB,GAChB,eAAe,OACf,UAAUwC,QAAQG,MAAMC,UAEvBJ,UAAAA,QAAAA,GARK,OAAMA,QAAQE,KAStB;AAAA,IAEJ;AAAA,EAAA,CACD,IACDtB,UACN,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableBodyClasses, HvTableBodyClasses } from \".\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport TableContext from \"../TableContext\";\nimport { useForkRef } from \"hooks\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { HvFocus } from \"components\";\n\nexport type HvTableBodyProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** Sets whether or not there should be arrow navigation between the table rows */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableBodyClasses;\n};\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n  styled(c)({\n    backgroundColor: \"inherit\",\n    position: \"relative\",\n    zIndex: 0,\n  });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      children,\n      withNavigation = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const tableContext = useContext(TableContext);\n\n    const bodyRef = useRef(null);\n\n    const handleRef = useForkRef(externalRef, bodyRef);\n\n    const Component =\n      component || tableContext?.components?.TBody || defaultComponent;\n\n    const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableBody\n          className={clsx(tableBodyClasses.root, classes?.root, className)}\n          ref={handleRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        >\n          {withNavigation\n            ? Children.map(children, (element) => {\n                if (isValidElement(element)) {\n                  return (\n                    <HvFocus\n                      id={`my-id-${element.key}`}\n                      rootRef={bodyRef}\n                      key={`row-${element.key}`}\n                      strategy=\"grid\"\n                      useArrows\n                      filterClass={tableSectionContext.filterClassName}\n                      navigationJump={1}\n                      focusDisabled={false}\n                      selected={element.props.selected}\n                    >\n                      {element}\n                    </HvFocus>\n                  );\n                }\n              })\n            : children}\n        </TableBody>\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","_jsx","TableSectionContext","Provider","value","clsx","tableBodyClasses","root","ref","role","Children","element","isValidElement","HvFocus","id","key","rootRef","strategy","useArrows","filterClass","navigationJump","focusDisabled","selected","props"],"mappings":";;;;;;;;;;;;AAiCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,wBAAOD,GAACE,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,CAIP;AAMSC,MAAAA,cAAcC,WACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjB,GAAGC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,WAAWC,YAAY;AAEtCC,QAAAA,UAAUC,OAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,8BACtDc,WAAS;AAAA,MACRhB,WAAWsB,KAAKC,iBAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,SAASjC,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,eAAeD,OAAO,GAAG;AAC3B,qCACGE,SAAO;AAAA,YACNC,IAAK,SAAQH,QAAQI;AAAAA,YACrBC,SAASxB;AAAAA,YAETyB,UAAS;AAAA,YACTC,WAAS;AAAA,YACTC,aAAaxD,oBAAoBE;AAAAA,YACjCuD,gBAAgB;AAAA,YAChBC,eAAe;AAAA,YACfC,UAAUX,QAAQY,MAAMD;AAAAA,YAASrC,UAEhC0B;AAAAA,UAAO,GARF,OAAMA,QAAQI,KAAK;AAAA,QAW/B;AAAA,MACD,CAAA,IACD9B;AAAAA,IAAAA,CAAQ;AAAA,EAAA,CAEe;AAEnC,CAAC;"}

package/dist/esm/components/Table/TableCell/TableCell.js

@@ -1,4 +1,3 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { forwardRef, useContext, useMemo } from "react";
@@ -9,8 +8,9 @@ import TableSectionContext from "../TableSectionContext.js";
 import { capitalize } from "lodash";
 import { theme } from "@hitachivantara/uikit-styles";
 import { getBorderStyles } from "../utils/utils.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import tableCellClasses from "./tableCellClasses.js";
-import { HvThemeContext } from "../../../providers/ThemeProvider.js";
+import { useTheme } from "../../../hooks/useTheme.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -46,6 +46,7 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
   $type,
   $atmo1Color
 }) => ({
+  // root
   verticalAlign: "inherit",
   textAlign: "left",
   paddingTop: theme.space.xs,
@@ -67,6 +68,10 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
   },
   ...$groupColumnMostRight && {
     borderRight: `solid 1px ${theme.colors.atmo4}`,
+    // due to the ":has()" selector not being supported in browsers,
+    // this need to be managed with inline styles
+    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
+    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
     "&:last-child": {
       borderRight: 0
     },
@@ -74,6 +79,7 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
       borderLeft: 0
     }
   },
+  // align
   ...$align === "center" && {
     textAlign: "center"
   },
@@ -87,6 +93,7 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
     textAlign: "right",
     flexDirection: "row-reverse"
   },
+  // variant
   ...$variant === "checkbox" && {
     padding: 0,
     width: 32,
@@ -117,10 +124,12 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
   },
   ...$variant === "listactions" && {
     borderLeft: `solid 2px red`,
+    //${theme.colors.atmo2}`,
     textAlign: "center",
     width: 138,
     maxWidth: 138
   },
+  // type
   ...$type === "head" && {
     height: 52,
     verticalAlign: "top",
@@ -188,7 +197,7 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
       height: 16
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVDZWxsQ2xhc3NlcywgSHZUYWJsZUNlbGxDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7XG4gIENTU1Byb3BlcnRpZXMsXG4gIGZvcndhcmRSZWYsXG4gIFRkSFRNTEF0dHJpYnV0ZXMsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgaGV4VG9SZ2IsIGFscGhhIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJsZUNlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgY2FwaXRhbGl6ZSB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyU3R5bGVzIH0gZnJvbSBcIi4uL3V0aWxzL3V0aWxzXCI7XG5cbmV4cG9ydCB0eXBlIEh2VGFibGVDZWxsUHJvcHMgPSBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCBcImFsaWduXCI+ICZcbiAgT21pdDxIdkJhc2VQcm9wcywgXCJjaGlsZHJlblwiPiAmIHtcbiAgICAvKiogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LiBEZWZhdWx0cyB0byB0ZC4gKi9cbiAgICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAgIC8qKiBJbmxpbmUgc3R5bGVzIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3QgZWxlbWVudC4gKi9cbiAgICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gICAgLyoqIFNldCB0aGUgdGV4dC1hbGlnbiBvbiB0aGUgdGFibGUgY2VsbCBjb250ZW50LiAqL1xuICAgIGFsaWduPzogSHZUYWJsZUNlbGxBbGlnbjtcbiAgICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gICAgdmFyaWFudD86IEh2VGFibGVDZWxsVmFyaWFudCB8IFwibGlzdGNoZWNrYm94XCIgfCBcImxpc3RhY3Rpb25zXCI7XG4gICAgLyoqIFNwZWNpZnkgdGhlIGNlbGwncyB0eXBlLiBUaGUgcHJvcCBkZWZhdWx0cyB0byB0aGUgdmFsdWUgaW5oZXJpdGVkIGZyb20gdGhlIHBhcmVudCBUYWJsZUhlYWQsIFRhYmxlQm9keSwgb3IgVGFibGVGb290ZXIgY29tcG9uZW50cy4gKi9cbiAgICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgY2VsbCBpcyBwYXJ0IG9mIGEgc29ydGVkIGNvbHVtbi4gKi9cbiAgICBzb3J0ZWQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgICBzdGlja3lDb2x1bW4/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IHN0aWNreSB0byB0aGUgbGVmdCBjb2x1bW4uICovXG4gICAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBmaXJzdCBzdGlja3kgdG8gdGhlIHJpZ2h0IGNvbHVtbi4gKi9cbiAgICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0PzogYm9vbGVhbjtcbiAgICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgICBncm91cENvbHVtbk1vc3RMZWZ0PzogYm9vbGVhbjtcbiAgICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgbGFzdCBjb2x1bW4gaW4gdGhlIGdyb3VwLiAqL1xuICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcmVzaXphYmxlICovXG4gICAgcmVzaXphYmxlPzogYm9vbGVhbjtcbiAgICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICAgIHJlc2l6aW5nPzogYm9vbGVhbjtcbiAgICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICAgIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG4gIH07XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbnR5cGUgU3R5bGVkVGFibGVDZWxsUHJvcHMgPSB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJGF0bW8xQ29sb3I6IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKShcbiAgICAoe1xuICAgICAgJHZhcmlhbnRMaXN0LFxuICAgICAgJHZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICRzdGlja3lDb2x1bW4sXG4gICAgICAkc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICRncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgJGdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgJHJlc2l6YWJsZSxcbiAgICAgICRyZXNpemluZyxcbiAgICAgICRhbGlnbixcbiAgICAgICR2YXJpYW50LFxuICAgICAgJHR5cGUsXG4gICAgICAkYXRtbzFDb2xvcixcbiAgICB9OiBTdHlsZWRUYWJsZUNlbGxQcm9wcykgPT4gKHtcbiAgICAgIC8vIHJvb3RcbiAgICAgIHZlcnRpY2FsQWxpZ246IFwiaW5oZXJpdFwiLFxuICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlc2l6aW5nICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuYWNjZTF9YCxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJGdyb3VwQ29sdW1uTW9zdExlZnQgJiYge1xuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG5cbiAgICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkZ3JvdXBDb2x1bW5Nb3N0UmlnaHQgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuXG4gICAgICAgIC8vIGR1ZSB0byB0aGUgXCI6aGFzKClcIiBzZWxlY3RvciBub3QgYmVpbmcgc3VwcG9ydGVkIGluIGJyb3dzZXJzLFxuICAgICAgICAvLyB0aGlzIG5lZWQgdG8gYmUgbWFuYWdlZCB3aXRoIGlubGluZSBzdHlsZXNcbiAgICAgICAgLy8gVG8gYmUgdW5jb21tZW50ZWQgd2hlbiBub3QgbmVlZGVkIChzZWUgY29tbWVudCBpbiBzcmMvVGFibGUvaG9va3MvdXNlU3RpY2t5LmpzKVxuICAgICAgICAvLyBcIiY6bGFzdC1jaGlsZCwmOmhhcygrICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0KVwiOiB7XG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBib3JkZXJSaWdodDogMCxcbiAgICAgICAgfSxcblxuICAgICAgICBbYCYrOm5vdCguJHt0YWJsZUNlbGxDbGFzc2VzLnN0aWNreUNvbHVtbn0pYF06IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC8vIGFsaWduXG4gICAgICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93LXJldmVyc2VcIixcbiAgICAgIH0pLFxuXG4gICAgICAvLyB2YXJpYW50XG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2hlY2tib3hcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIHdpZHRoOiAzMixcbiAgICAgICAgbWF4V2lkdGg6IDMyLFxuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImFjdGlvbnNcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIHdpZHRoOiAzMixcbiAgICAgICAgbWF4V2lkdGg6IDMyLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJub25lXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZXhwYW5kXCIgJiYge1xuICAgICAgICBwYWRkaW5nTGVmdDogMCxcbiAgICAgICAgcGFkZGluZ1RvcDogMCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogMCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpc3RjaGVja2JveFwiICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuYXRtbzJ9YCxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICB3aWR0aDogMzQsXG4gICAgICAgIG1heFdpZHRoOiAzNCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpc3RhY3Rpb25zXCIgJiYge1xuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMnB4IHJlZGAsIC8vJHt0aGVtZS5jb2xvcnMuYXRtbzJ9YCxcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICB3aWR0aDogMTM4LFxuICAgICAgICBtYXhXaWR0aDogMTM4LFxuICAgICAgfSksXG5cbiAgICAgIC8vIHR5cGVcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJoZWFkXCIgJiYge1xuICAgICAgICBoZWlnaHQ6IDUyLFxuICAgICAgICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxuXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJHZhcmlhbnRMaXN0ID8gXCJpbmhlcml0XCIgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIGJvcmRlclRvcDogJHZhcmlhbnRMaXN0XG4gICAgICAgICAgPyAwXG4gICAgICAgICAgOiBgMXB4IHNvbGlkICR7dGhlbWUudGFibGUuaGVhZGVyQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tOiAkdmFyaWFudExpc3QgPyAwIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR0eXBlID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgIG1pbkhlaWdodDogMzIsXG4gICAgICAgIFwidGQmXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDMyLFxuICAgICAgICB9LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuXG4gICAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhbHBoYShoZXhUb1JnYigkYXRtbzFDb2xvciksIDAuNCksXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudExpc3QgJiYge1xuICAgICAgICBtaW5IZWlnaHQ6IDUyLFxuICAgICAgICBcInRkJlwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiA1MixcbiAgICAgICAgfSxcbiAgICAgICAgcGFkZGluZ1RvcDogMCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogMCxcbiAgICAgICAgLi4uKCR2YXJpYW50ICE9PSBcImxpc3RhY3Rpb25zXCIgJiYgeyBwYWRkaW5nUmlnaHQ6IDAgfSksXG4gICAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaXN0YWN0aW9uc1wiICYmIHsgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyB9KSxcbiAgICAgICAgLi4uKCR2YXJpYW50ICE9PSBcImxpc3RhY3Rpb25zXCIgJiYgeyBwYWRkaW5nTGVmdDogMzIgfSksXG4gICAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaXN0YWN0aW9uc1wiICYmIHsgcGFkZGluZ0xlZnQ6IDAgfSksXG4gICAgICAgIGJvcmRlcjogMCxcbiAgICAgICAgLi4uKCR0eXBlID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgICAgLi4uZ2V0Qm9yZGVyU3R5bGVzKFwiY2VsbFwiLCB0aGVtZS50YWJsZS5yb3dCb3JkZXJDb2xvciksXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgICAgIHpJbmRleDogMixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG5cbiAgICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5ncm91cENvbHVtbk1vc3RSaWdodH0rLiR7dGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW59YF06XG4gICAgICAgICAge1xuICAgICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgICB9LFxuXG4gICAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2FscGhhKFxuICAgICAgICAgICAgaGV4VG9SZ2IoJGF0bW8xQ29sb3IpLFxuICAgICAgICAgICAgMC40XG4gICAgICAgICAgKX0sICR7YWxwaGEoaGV4VG9SZ2IoJGF0bW8xQ29sb3IpLCAwLjQpfSlgLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHN0aWNreUNvbHVtbk1vc3RMZWZ0ICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ICYmIHtcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkdmFyaWFudExpc3RIZWFkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgXCJ0ZCZcIjoge1xuICAgICAgICAgIGhlaWdodDogMTYsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG4vKipcbiAqIGBIdlRhYmxlQ2VsbGAgYWN0cyBhcyBhIGB0ZGAgZWxlbWVudCBhbmQgaW5oZXJpdHMgc3R5bGVzIGZyb20gaXRzIGNvbnRleHRcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVDZWxsID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUNlbGxQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIHN0eWxlLFxuICAgICAgY2xhc3NlcyxcbiAgICAgIGFsaWduID0gXCJpbmhlcml0XCIsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICB0eXBlOiB0eXBlUHJvcCxcbiAgICAgIHN0aWNreUNvbHVtbiA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBzb3J0ZWQgPSBmYWxzZSxcbiAgICAgIHJlc2l6YWJsZSA9IGZhbHNlLFxuICAgICAgcmVzaXppbmcgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0sXG4gICAgZXh0ZXJuYWxSZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBhY3RpdmVUaGVtZSwgc2VsZWN0ZWRNb2RlIH0gPSB1c2VDb250ZXh0KEh2VGhlbWVDb250ZXh0KTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwiY2VsbFwifVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAgYWxpZ24gIT09IFwiaW5oZXJpdFwiICYmXG4gICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF0sXG4gICAgICAgICAgICAgIGNsYXNzZXM/LltgYWxpZ24ke2NhcGl0YWxpemUoYWxpZ24pfWBdXG4gICAgICAgICAgICApLFxuICAgICAgICAgIHZhcmlhbnQgIT09IFwiZGVmYXVsdFwiICYmXG4gICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5bYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF1cbiAgICAgICAgICAgICksXG4gICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICBjbHN4KHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3QsIGNsYXNzZXM/LnZhcmlhbnRMaXN0KSxcbiAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgIHR5cGUgIT09IFwiYm9keVwiICYmXG4gICAgICAgICAgICBjbHN4KHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3RIZWFkLCBjbGFzc2VzPy52YXJpYW50TGlzdEhlYWQpLFxuICAgICAgICAgIHNvcnRlZCAmJiBjbHN4KHRhYmxlQ2VsbENsYXNzZXMuc29ydGVkLCBjbGFzc2VzPy5zb3J0ZWQpLFxuICAgICAgICAgIHN0aWNreUNvbHVtbiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnN0aWNreUNvbHVtbiwgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uKSxcbiAgICAgICAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTW9zdExlZnRcbiAgICAgICAgICAgICksXG4gICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0XG4gICAgICAgICAgICApLFxuICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0TGVmdFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICBncm91cENvbHVtbk1vc3RSaWdodCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5ncm91cENvbHVtbk1vc3RSaWdodCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0UmlnaHRcbiAgICAgICAgICAgICksXG4gICAgICAgICAgcmVzaXphYmxlICYmIGNsc3godGFibGVDZWxsQ2xhc3Nlcy5yZXNpemFibGUsIGNsYXNzZXM/LnJlc2l6YWJsZSksXG4gICAgICAgICAgcmVzaXppbmcgJiYgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnJlc2l6aW5nLCBjbGFzc2VzPy5yZXNpemluZylcbiAgICAgICAgKX1cbiAgICAgICAgJHZhcmlhbnRMaXN0PXt0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCJ9XG4gICAgICAgICR2YXJpYW50TGlzdEhlYWQ9e3RhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIiAmJiB0eXBlICE9PSBcImJvZHlcIn1cbiAgICAgICAgJHNvcnRlZD17c29ydGVkfVxuICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICRzdGlja3lDb2x1bW5Nb3N0TGVmdD17c3RpY2t5Q29sdW1uTW9zdExlZnR9XG4gICAgICAgICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0PXtzdGlja3lDb2x1bW5MZWFzdFJpZ2h0fVxuICAgICAgICAkZ3JvdXBDb2x1bW5Nb3N0TGVmdD17Z3JvdXBDb2x1bW5Nb3N0TGVmdH1cbiAgICAgICAgJGdyb3VwQ29sdW1uTW9zdFJpZ2h0PXtncm91cENvbHVtbk1vc3RSaWdodH1cbiAgICAgICAgJHJlc2l6YWJsZT17cmVzaXphYmxlfVxuICAgICAgICAkcmVzaXppbmc9e3Jlc2l6aW5nfVxuICAgICAgICAkYWxpZ249e2FsaWdufVxuICAgICAgICAkdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICRhdG1vMUNvbG9yPXtcbiAgICAgICAgICBhY3RpdmVUaGVtZT8uY29sb3JzPy5tb2Rlc1tzZWxlY3RlZE1vZGVdLmF0bW8xIHx8IHRoZW1lLmNvbG9ycy5hdG1vMVxuICAgICAgICB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFibGVDZWxsPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVDZWxsQ2xhc3NlcywgSHZUYWJsZUNlbGxDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7XG4gIENTU1Byb3BlcnRpZXMsXG4gIGZvcndhcmRSZWYsXG4gIFRkSFRNTEF0dHJpYnV0ZXMsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgaGV4VG9SZ2IsIGFscGhhIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJsZUNlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgY2FwaXRhbGl6ZSB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGdldEJvcmRlclN0eWxlcyB9IGZyb20gXCIuLi91dGlscy91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3NcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxQcm9wcyA9IE9taXQ8VGRIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4sIFwiYWxpZ25cIj4gJlxuICBPbWl0PEh2QmFzZVByb3BzLCBcImNoaWxkcmVuXCI+ICYge1xuICAgIC8qKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuIERlZmF1bHRzIHRvIHRkLiAqL1xuICAgIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAgIC8qKiBDb250ZW50IHRvIGJlIHJlbmRlcmVkICovXG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICAgIHN0eWxlPzogQ1NTUHJvcGVydGllcztcbiAgICAvKiogU2V0IHRoZSB0ZXh0LWFsaWduIG9uIHRoZSB0YWJsZSBjZWxsIGNvbnRlbnQuICovXG4gICAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAgIC8qKiBTZXRzIHRoZSBjZWxsJ3MgdmFyaWFudC4gKi9cbiAgICB2YXJpYW50PzogSHZUYWJsZUNlbGxWYXJpYW50IHwgXCJsaXN0Y2hlY2tib3hcIiB8IFwibGlzdGFjdGlvbnNcIjtcbiAgICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICAgIHR5cGU/OiBIdlRhYmxlQ2VsbFR5cGU7XG4gICAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHBhcnQgb2YgYSBzb3J0ZWQgY29sdW1uLiAqL1xuICAgIHNvcnRlZD86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgYSBzdGlja3kgY29sdW1uLiAqL1xuICAgIHN0aWNreUNvbHVtbj86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGZpcnN0IHN0aWNreSB0byB0aGUgcmlnaHQgY29sdW1uLiAqL1xuICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBmaXJzdCBjb2x1bW4gaW4gdGhlIGdyb3VwLiAqL1xuICAgIGdyb3VwQ29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gICAgZ3JvdXBDb2x1bW5Nb3N0UmlnaHQ/OiBib29sZWFuO1xuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgY2VsbCBpcyByZXNpemFibGUgKi9cbiAgICByZXNpemFibGU/OiBib29sZWFuO1xuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgY2VsbCBpcyBiZWluZyByZXNpemVkICovXG4gICAgcmVzaXppbmc/OiBib29sZWFuO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2VGFibGVDZWxsQ2xhc3NlcztcbiAgfTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGRcIjtcblxudHlwZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyA9IHtcbiAgJHZhcmlhbnRMaXN0OiBib29sZWFuO1xuICAkdmFyaWFudExpc3RIZWFkOiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uOiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0OiBib29sZWFuO1xuICAkZ3JvdXBDb2x1bW5Nb3N0TGVmdDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdFJpZ2h0OiBib29sZWFuO1xuICAkcmVzaXphYmxlOiBib29sZWFuO1xuICAkcmVzaXppbmc6IGJvb2xlYW47XG4gICRhbGlnbjogc3RyaW5nO1xuICAkdmFyaWFudDogc3RyaW5nO1xuICAkdHlwZTogc3RyaW5nO1xuICAkYXRtbzFDb2xvcjogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkVGFibGVDZWxsID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkdmFyaWFudExpc3QsXG4gICAgICAkdmFyaWFudExpc3RIZWFkLFxuICAgICAgJHN0aWNreUNvbHVtbixcbiAgICAgICRzdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgJGdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAkZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAkcmVzaXphYmxlLFxuICAgICAgJHJlc2l6aW5nLFxuICAgICAgJGFsaWduLFxuICAgICAgJHZhcmlhbnQsXG4gICAgICAkdHlwZSxcbiAgICAgICRhdG1vMUNvbG9yLFxuICAgIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgICAgLy8gcm9vdFxuICAgICAgdmVydGljYWxBbGlnbjogXCJpbmhlcml0XCIsXG4gICAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZyg0KSxcbiAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuXG4gICAgICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVzaXppbmcgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDJweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkZ3JvdXBDb2x1bW5Nb3N0TGVmdCAmJiB7XG4gICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRncm91cENvbHVtbk1vc3RSaWdodCAmJiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG5cbiAgICAgICAgLy8gZHVlIHRvIHRoZSBcIjpoYXMoKVwiIHNlbGVjdG9yIG5vdCBiZWluZyBzdXBwb3J0ZWQgaW4gYnJvd3NlcnMsXG4gICAgICAgIC8vIHRoaXMgbmVlZCB0byBiZSBtYW5hZ2VkIHdpdGggaW5saW5lIHN0eWxlc1xuICAgICAgICAvLyBUbyBiZSB1bmNvbW1lbnRlZCB3aGVuIG5vdCBuZWVkZWQgKHNlZSBjb21tZW50IGluIHNyYy9UYWJsZS9ob29rcy91c2VTdGlja3kuanMpXG4gICAgICAgIC8vIFwiJjpsYXN0LWNoaWxkLCY6aGFzKCsgJHN0aWNreUNvbHVtbkxlYXN0UmlnaHQpXCI6IHtcbiAgICAgICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgIGJvcmRlclJpZ2h0OiAwLFxuICAgICAgICB9LFxuXG4gICAgICAgIFtgJis6bm90KC4ke3RhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1ufSlgXToge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgLy8gYWxpZ25cbiAgICAgIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgICAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgICAgICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3ctcmV2ZXJzZVwiLFxuICAgICAgfSksXG5cbiAgICAgIC8vIHZhcmlhbnRcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjaGVja2JveFwiICYmIHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgd2lkdGg6IDMyLFxuICAgICAgICBtYXhXaWR0aDogMzIsXG4gICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiYWN0aW9uc1wiICYmIHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgd2lkdGg6IDMyLFxuICAgICAgICBtYXhXaWR0aDogMzIsXG4gICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcIm5vbmVcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJleHBhbmRcIiAmJiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAwLFxuICAgICAgICBwYWRkaW5nVG9wOiAwLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGlzdGNoZWNrYm94XCIgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDJweCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgIHdpZHRoOiAzNCxcbiAgICAgICAgbWF4V2lkdGg6IDM0LFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGlzdGFjdGlvbnNcIiAmJiB7XG4gICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggcmVkYCwgLy8ke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgIHdpZHRoOiAxMzgsXG4gICAgICAgIG1heFdpZHRoOiAxMzgsXG4gICAgICB9KSxcblxuICAgICAgLy8gdHlwZVxuICAgICAgLi4uKCR0eXBlID09PSBcImhlYWRcIiAmJiB7XG4gICAgICAgIGhlaWdodDogNTIsXG4gICAgICAgIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG5cbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkdmFyaWFudExpc3QgPyBcImluaGVyaXRcIiA6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgYm9yZGVyVG9wOiAkdmFyaWFudExpc3RcbiAgICAgICAgICA/IDBcbiAgICAgICAgICA6IGAxcHggc29saWQgJHt0aGVtZS50YWJsZS5oZWFkZXJCb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgICBib3JkZXJCb3R0b206ICR2YXJpYW50TGlzdCA/IDAgOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHR5cGUgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgbWluSGVpZ2h0OiAzMixcbiAgICAgICAgXCJ0ZCZcIjoge1xuICAgICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIH0sXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG5cbiAgICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGFscGhhKGhleFRvUmdiKCRhdG1vMUNvbG9yKSwgMC40KSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50TGlzdCAmJiB7XG4gICAgICAgIG1pbkhlaWdodDogNTIsXG4gICAgICAgIFwidGQmXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDUyLFxuICAgICAgICB9LFxuICAgICAgICBwYWRkaW5nVG9wOiAwLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgICAuLi4oJHZhcmlhbnQgIT09IFwibGlzdGFjdGlvbnNcIiAmJiB7IHBhZGRpbmdSaWdodDogMCB9KSxcbiAgICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpc3RhY3Rpb25zXCIgJiYgeyBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzIH0pLFxuICAgICAgICAuLi4oJHZhcmlhbnQgIT09IFwibGlzdGFjdGlvbnNcIiAmJiB7IHBhZGRpbmdMZWZ0OiAzMiB9KSxcbiAgICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpc3RhY3Rpb25zXCIgJiYgeyBwYWRkaW5nTGVmdDogMCB9KSxcbiAgICAgICAgYm9yZGVyOiAwLFxuICAgICAgICAuLi4oJHR5cGUgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgICAuLi5nZXRCb3JkZXJTdHlsZXMoXCJjZWxsXCIsIHRoZW1lLnRhYmxlLnJvd0JvcmRlckNvbG9yKSxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgLi4uKCRzdGlja3lDb2x1bW4gJiYge1xuICAgICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICAgICAgekluZGV4OiAyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcblxuICAgICAgICBbYCYuJHt0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0fSsuJHt0YWJsZUNlbGxDbGFzc2VzLnN0aWNreUNvbHVtbn1gXTpcbiAgICAgICAgICB7XG4gICAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgIH0sXG5cbiAgICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgICAgICBiYWNrZ3JvdW5kSW1hZ2U6IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICR7YWxwaGEoXG4gICAgICAgICAgICBoZXhUb1JnYigkYXRtbzFDb2xvciksXG4gICAgICAgICAgICAwLjRcbiAgICAgICAgICApfSwgJHthbHBoYShoZXhUb1JnYigkYXRtbzFDb2xvciksIDAuNCl9KWAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkc3RpY2t5Q29sdW1uTW9zdExlZnQgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG4gICAgICAuLi4oJHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgJiYge1xuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcblxuICAgICAgLi4uKCR2YXJpYW50TGlzdEhlYWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgICAgICBcInRkJlwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiAxNixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pXG4gICk7XG5cbi8qKlxuICogYEh2VGFibGVDZWxsYCBhY3RzIGFzIGEgYHRkYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlQ2VsbFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgc3R5bGUsXG4gICAgICBjbGFzc2VzLFxuICAgICAgYWxpZ24gPSBcImluaGVyaXRcIixcbiAgICAgIHZhcmlhbnQgPSBcImRlZmF1bHRcIixcbiAgICAgIHR5cGU6IHR5cGVQcm9wLFxuICAgICAgc3RpY2t5Q29sdW1uID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdCA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCA9IGZhbHNlLFxuICAgICAgZ3JvdXBDb2x1bW5Nb3N0TGVmdCA9IGZhbHNlLFxuICAgICAgZ3JvdXBDb2x1bW5Nb3N0UmlnaHQgPSBmYWxzZSxcbiAgICAgIHNvcnRlZCA9IGZhbHNlLFxuICAgICAgcmVzaXphYmxlID0gZmFsc2UsXG4gICAgICByZXNpemluZyA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCBzZWxlY3RlZE1vZGUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgdHlwZSA9IHR5cGVQcm9wIHx8IHRhYmxlU2VjdGlvbkNvbnRleHQ/LnR5cGUgfHwgXCJib2R5XCI7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVGQgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlQ2VsbCA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVDZWxsKENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVDZWxsXG4gICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcImNlbGxcIn1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbdHlwZV0sXG4gICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgIGFsaWduICE9PSBcImluaGVyaXRcIiAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1tgYWxpZ24ke2NhcGl0YWxpemUoYWxpZ24pfWBdLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5bYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICB2YXJpYW50ICE9PSBcImRlZmF1bHRcIiAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1tgdmFyaWFudCR7Y2FwaXRhbGl6ZSh2YXJpYW50KX1gXSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdXG4gICAgICAgICAgICApLFxuICAgICAgICAgIHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnZhcmlhbnRMaXN0LCBjbGFzc2VzPy52YXJpYW50TGlzdCksXG4gICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICB0eXBlICE9PSBcImJvZHlcIiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnZhcmlhbnRMaXN0SGVhZCwgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkKSxcbiAgICAgICAgICBzb3J0ZWQgJiYgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnNvcnRlZCwgY2xhc3Nlcz8uc29ydGVkKSxcbiAgICAgICAgICBzdGlja3lDb2x1bW4gJiZcbiAgICAgICAgICAgIGNsc3godGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW4sIGNsYXNzZXM/LnN0aWNreUNvbHVtbiksXG4gICAgICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnN0aWNreUNvbHVtbk1vc3RMZWZ0XG4gICAgICAgICAgICApLFxuICAgICAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTGVhc3RSaWdodFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICBncm91cENvbHVtbk1vc3RMZWZ0ICYmXG4gICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/Lmdyb3VwQ29sdW1uTW9zdExlZnRcbiAgICAgICAgICAgICksXG4gICAgICAgICAgZ3JvdXBDb2x1bW5Nb3N0UmlnaHQgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/Lmdyb3VwQ29sdW1uTW9zdFJpZ2h0XG4gICAgICAgICAgICApLFxuICAgICAgICAgIHJlc2l6YWJsZSAmJiBjbHN4KHRhYmxlQ2VsbENsYXNzZXMucmVzaXphYmxlLCBjbGFzc2VzPy5yZXNpemFibGUpLFxuICAgICAgICAgIHJlc2l6aW5nICYmIGNsc3godGFibGVDZWxsQ2xhc3Nlcy5yZXNpemluZywgY2xhc3Nlcz8ucmVzaXppbmcpXG4gICAgICAgICl9XG4gICAgICAgICR2YXJpYW50TGlzdD17dGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wifVxuICAgICAgICAkdmFyaWFudExpc3RIZWFkPXt0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiYgdHlwZSAhPT0gXCJib2R5XCJ9XG4gICAgICAgICRzb3J0ZWQ9e3NvcnRlZH1cbiAgICAgICAgJHN0aWNreUNvbHVtbj17c3RpY2t5Q29sdW1ufVxuICAgICAgICAkc3RpY2t5Q29sdW1uTW9zdExlZnQ9e3N0aWNreUNvbHVtbk1vc3RMZWZ0fVxuICAgICAgICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodD17c3RpY2t5Q29sdW1uTGVhc3RSaWdodH1cbiAgICAgICAgJGdyb3VwQ29sdW1uTW9zdExlZnQ9e2dyb3VwQ29sdW1uTW9zdExlZnR9XG4gICAgICAgICRncm91cENvbHVtbk1vc3RSaWdodD17Z3JvdXBDb2x1bW5Nb3N0UmlnaHR9XG4gICAgICAgICRyZXNpemFibGU9e3Jlc2l6YWJsZX1cbiAgICAgICAgJHJlc2l6aW5nPXtyZXNpemluZ31cbiAgICAgICAgJGFsaWduPXthbGlnbn1cbiAgICAgICAgJHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICR0eXBlPXt0eXBlfVxuICAgICAgICAkYXRtbzFDb2xvcj17XG4gICAgICAgICAgYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXS5hdG1vMSB8fCB0aGVtZS5jb2xvcnMuYXRtbzFcbiAgICAgICAgfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhYmxlQ2VsbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
 const HvTableCell = forwardRef(({
   children,
   component,
@@ -212,13 +221,34 @@ const HvTableCell = forwardRef(({
   const {
     activeTheme,
     selectedMode
-  } = useContext(HvThemeContext);
+  } = useTheme();
   const tableContext = useContext(TableContext);
   const tableSectionContext = useContext(TableSectionContext);
   const type = typeProp || (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Td) || defaultComponent;
   const TableCell = useMemo(() => StyledTableCell(Component), [Component]);
-  return /* @__PURE__ */ jsx(TableCell, { ref: externalRef, role: Component === defaultComponent ? null : "cell", style, className: clsx(className, tableCellClasses.root, classes == null ? void 0 : classes.root, tableCellClasses[type], classes == null ? void 0 : classes[type], align !== "inherit" && clsx(tableCellClasses[`align${capitalize(align)}`], classes == null ? void 0 : classes[`align${capitalize(align)}`]), variant !== "default" && clsx(tableCellClasses[`variant${capitalize(variant)}`], classes == null ? void 0 : classes[`variant${capitalize(variant)}`]), tableContext.variant === "listrow" && clsx(tableCellClasses.variantList, classes == null ? void 0 : classes.variantList), tableContext.variant === "listrow" && type !== "body" && clsx(tableCellClasses.variantListHead, classes == null ? void 0 : classes.variantListHead), sorted && clsx(tableCellClasses.sorted, classes == null ? void 0 : classes.sorted), stickyColumn && clsx(tableCellClasses.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx(tableCellClasses.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx(tableCellClasses.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), groupColumnMostLeft && clsx(tableCellClasses.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx(tableCellClasses.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), resizable && clsx(tableCellClasses.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx(tableCellClasses.resizing, classes == null ? void 0 : classes.resizing)), $variantList: tableContext.variant === "listrow", $variantListHead: tableContext.variant === "listrow" && type !== "body", $sorted: sorted, $stickyColumn: stickyColumn, $stickyColumnMostLeft: stickyColumnMostLeft, $stickyColumnLeastRight: stickyColumnLeastRight, $groupColumnMostLeft: groupColumnMostLeft, $groupColumnMostRight: groupColumnMostRight, $resizable: resizable, $resizing: resizing, $align: align, $variant: variant, $type: type, $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1, ...others, children });
+  return /* @__PURE__ */ jsx(TableCell, {
+    ref: externalRef,
+    role: Component === defaultComponent ? null : "cell",
+    style,
+    className: clsx(className, tableCellClasses.root, classes == null ? void 0 : classes.root, tableCellClasses[type], classes == null ? void 0 : classes[type], align !== "inherit" && clsx(tableCellClasses[`align${capitalize(align)}`], classes == null ? void 0 : classes[`align${capitalize(align)}`]), variant !== "default" && clsx(tableCellClasses[`variant${capitalize(variant)}`], classes == null ? void 0 : classes[`variant${capitalize(variant)}`]), tableContext.variant === "listrow" && clsx(tableCellClasses.variantList, classes == null ? void 0 : classes.variantList), tableContext.variant === "listrow" && type !== "body" && clsx(tableCellClasses.variantListHead, classes == null ? void 0 : classes.variantListHead), sorted && clsx(tableCellClasses.sorted, classes == null ? void 0 : classes.sorted), stickyColumn && clsx(tableCellClasses.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx(tableCellClasses.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx(tableCellClasses.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), groupColumnMostLeft && clsx(tableCellClasses.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx(tableCellClasses.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), resizable && clsx(tableCellClasses.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx(tableCellClasses.resizing, classes == null ? void 0 : classes.resizing)),
+    $variantList: tableContext.variant === "listrow",
+    $variantListHead: tableContext.variant === "listrow" && type !== "body",
+    $sorted: sorted,
+    $stickyColumn: stickyColumn,
+    $stickyColumnMostLeft: stickyColumnMostLeft,
+    $stickyColumnLeastRight: stickyColumnLeastRight,
+    $groupColumnMostLeft: groupColumnMostLeft,
+    $groupColumnMostRight: groupColumnMostRight,
+    $resizable: resizable,
+    $resizing: resizing,
+    $align: align,
+    $variant: variant,
+    $type: type,
+    $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1,
+    ...others,
+    children
+  });
 });
 export {
   HvTableCell