npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.7 → 5.0.0-next.9 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (876) hide show

package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBoxGroup.cjs","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledFormElement,\n StyledGroupContainer,\n StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n if (selected === 0) {\n return \"none\";\n }\n\n if (selected === total) {\n return \"all\";\n }\n\n return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n const selectedValues = Children.toArray(children)\n .map((child: any) => {\n const childIsControlled = child?.props?.checked !== undefined;\n const childIsSelected = childIsControlled\n ? child?.props?.checked\n : child?.props?.defaultChecked;\n\n return childIsSelected ? child?.props?.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /*\n The form element name.\n \n It is propagated to the children checkboxes, unless they already have one.\n /\n name?: string;\n /\n The value of the form element. An array of values represented in the child checkboxes.\n \n When defined the checkbox group state becomes controlled.\n /\n value?: any[];\n /\n When uncontrolled, defines the initial value.\n /\n defaultValue?: 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 provided instead.\n /\n label?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n Indicates that the form element is disabled.\n * If `true` the state is propagated to the children checkboxes.\n /\n disabled?: boolean;\n /\n Indicates that the form element is not editable.\n * If `true` the state is propagated to the children checkboxes.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: 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 the state.\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?: React.ReactNode;\n /\n The callback fired when the value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n /\n Indicates whether the checkbox group's orientation is horizontal or vertical.\n \n Defaults to vertical.\n /\n orientation?: \"vertical\" \| \"horizontal\";\n /\n Indicates if an additional select all checkbox should be shown.\n /\n showSelectAll?: boolean;\n /\n The label of the select all checkbox. Defaults to \"All\".\n /\n selectAllLabel?: string;\n /\n Custom label for select all checkbox conjunction\n /\n selectAllConjunctionLabel?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvCheckBoxGroupClasses;\n};\n\n/\n A group of checkboxes.\n \n A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n id,\n classes,\n className,\n children,\n name,\n label,\n description,\n status,\n statusMessage,\n defaultValue,\n value: valueProp,\n required = false,\n readOnly = false,\n disabled = false,\n showSelectAll = false,\n orientation = \"vertical\",\n selectAllLabel = \"All\",\n selectAllConjunctionLabel = \"/\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n ...others\n}: HvCheckBoxGroupProps) => {\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // When uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n const selectionAnchor = useRef(undefined);\n\n const [allValues, selectedState, selectedCount] = useMemo(() => {\n const childValues: any[] = [];\n const childSelectedState: boolean[] = [];\n let childSelectedCounter = 0;\n\n Children.toArray(children).forEach((child: any, i: number) => {\n const childValue = child?.props?.value;\n const childIsSelected = value.indexOf(childValue) !== -1;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n\n if (childIsSelected) {\n childSelectedCounter += 1;\n }\n });\n\n return [childValues, childSelectedState, childSelectedCounter];\n }, [children, value]);\n\n const selectAllState = computeSelectAllState(\n value.length,\n selectedState.length\n );\n\n const onChildChangeInterceptor = useCallback(\n (\n index: number,\n childOnChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => void,\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => {\n const newValue = multiSelectionEventHandler(\n event,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n isChecked\n );\n\n childOnChange?.(event, isChecked);\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n },\n [allValues, onChange, required, selectedState, setValidationState, setValue]\n );\n\n const modifiedChildren = useMemo(() => {\n return Children.map(children, (child: any, i: number) => {\n const childIsSelected = selectedState[i];\n\n return cloneElement(child, {\n checked: childIsSelected,\n name: child?.props?.name \|\| name,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) =>\n onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n disabled: disabled \|\| child?.props?.disabled,\n readOnly: readOnly \|\| child?.props?.readOnly,\n });\n });\n }, [\n children,\n disabled,\n name,\n onChildChangeInterceptor,\n readOnly,\n selectedState,\n ]);\n\n const handleSelectAll = (\n event: React.ChangeEvent<HTMLInputElement>,\n selectAllChecked: boolean\n ) => {\n let newValue: any[];\n if (selectAllChecked) {\n newValue = [...allValues];\n } else {\n newValue = [];\n }\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n };\n\n const selectAllLabelComponent = (\n <>\n {selectedCount === 0 ? (\n <>\n <b>{selectAllLabel}</b>\n {` (${Children.toArray(children).length})`}\n </>\n ) : (\n <>\n <b>{selectedCount}</b>\n {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n </>\n )}\n </>\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 errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\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, classes?.root, checkBoxGroupClasses.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, checkBoxGroupClasses.label)}\n />\n )}\n\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n\n <StyledGroupContainer\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={\n ariaLabelledBy \|\| (label && setId(elementId, \"label\")) \|\| undefined\n }\n aria-disabled={disabled ? true : undefined}\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={\n validationState === \"invalid\" ? errorMessageId : undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n className={clsx(\n classes?.group,\n checkBoxGroupClasses.group,\n orientation === \"vertical\" &&\n clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n orientation === \"horizontal\" &&\n clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n validationState === \"invalid\" &&\n clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n )}\n $vertical={orientation === \"vertical\"}\n $horizontal={orientation === \"horizontal\"}\n $invalid={validationState === \"invalid\"}\n {...others}\n >\n {showSelectAll && (\n <HvCheckBox\n checked={selectAllState === \"all\"}\n indeterminate={selectAllState === \"some\"}\n label={selectAllLabelComponent}\n disabled={disabled}\n readOnly={readOnly}\n className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n onChange={handleSelectAll}\n />\n )}\n {modifiedChildren}\n </StyledGroupContainer>\n\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(classes?.error, checkBoxGroupClasses.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_Fragment","_jsxs","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":"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"}
1	+ {"version":3,"file":"CheckBoxGroup.cjs","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledFormElement,\n StyledGroupContainer,\n StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n if (selected === 0) {\n return \"none\";\n }\n\n if (selected === total) {\n return \"all\";\n }\n\n return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n const selectedValues = Children.toArray(children)\n .map((child: any) => {\n const childIsControlled = child?.props?.checked !== undefined;\n const childIsSelected = childIsControlled\n ? child?.props?.checked\n : child?.props?.defaultChecked;\n\n return childIsSelected ? child?.props?.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /*\n The form element name.\n \n It is propagated to the children checkboxes, unless they already have one.\n /\n name?: string;\n /\n The value of the form element. An array of values represented in the child checkboxes.\n \n When defined the checkbox group state becomes controlled.\n /\n value?: any[];\n /\n When uncontrolled, defines the initial value.\n /\n defaultValue?: 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 provided instead.\n /\n label?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n Indicates that the form element is disabled.\n * If `true` the state is propagated to the children checkboxes.\n /\n disabled?: boolean;\n /\n Indicates that the form element is not editable.\n * If `true` the state is propagated to the children checkboxes.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: 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 the state.\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?: React.ReactNode;\n /\n The callback fired when the value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n /\n Indicates whether the checkbox group's orientation is horizontal or vertical.\n \n Defaults to vertical.\n /\n orientation?: \"vertical\" \| \"horizontal\";\n /\n Indicates if an additional select all checkbox should be shown.\n /\n showSelectAll?: boolean;\n /\n The label of the select all checkbox. Defaults to \"All\".\n /\n selectAllLabel?: string;\n /\n Custom label for select all checkbox conjunction\n /\n selectAllConjunctionLabel?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvCheckBoxGroupClasses;\n};\n\n/\n A group of checkboxes.\n \n A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n id,\n classes,\n className,\n children,\n name,\n label,\n description,\n status,\n statusMessage,\n defaultValue,\n value: valueProp,\n required = false,\n readOnly = false,\n disabled = false,\n showSelectAll = false,\n orientation = \"vertical\",\n selectAllLabel = \"All\",\n selectAllConjunctionLabel = \"/\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n onChange,\n ...others\n}: HvCheckBoxGroupProps) => {\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // When uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n const selectionAnchor = useRef(undefined);\n\n const [allValues, selectedState, selectedCount] = useMemo(() => {\n const childValues: any[] = [];\n const childSelectedState: boolean[] = [];\n let childSelectedCounter = 0;\n\n Children.toArray(children).forEach((child: any, i: number) => {\n const childValue = child?.props?.value;\n const childIsSelected = value.indexOf(childValue) !== -1;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n\n if (childIsSelected) {\n childSelectedCounter += 1;\n }\n });\n\n return [childValues, childSelectedState, childSelectedCounter];\n }, [children, value]);\n\n const selectAllState = computeSelectAllState(\n value.length,\n selectedState.length\n );\n\n const onChildChangeInterceptor = useCallback(\n (\n index: number,\n childOnChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => void,\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) => {\n const newValue = multiSelectionEventHandler(\n event,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n isChecked\n );\n\n childOnChange?.(event, isChecked);\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n },\n [allValues, onChange, required, selectedState, setValidationState, setValue]\n );\n\n const modifiedChildren = useMemo(() => {\n return Children.map(children, (child: any, i: number) => {\n const childIsSelected = selectedState[i];\n\n return cloneElement(child, {\n checked: childIsSelected,\n name: child?.props?.name \|\| name,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement>,\n isChecked: boolean\n ) =>\n onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n disabled: disabled \|\| child?.props?.disabled,\n readOnly: readOnly \|\| child?.props?.readOnly,\n });\n });\n }, [\n children,\n disabled,\n name,\n onChildChangeInterceptor,\n readOnly,\n selectedState,\n ]);\n\n const handleSelectAll = (\n event: React.ChangeEvent<HTMLInputElement>,\n selectAllChecked: boolean\n ) => {\n let newValue: any[];\n if (selectAllChecked) {\n newValue = [...allValues];\n } else {\n newValue = [];\n }\n\n onChange?.(event, newValue);\n\n setValue(() => {\n // This will only run if uncontrolled\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n };\n\n const selectAllLabelComponent = (\n <>\n {selectedCount === 0 ? (\n <>\n <b>{selectAllLabel}</b>\n {` (${Children.toArray(children).length})`}\n </>\n ) : (\n <>\n <b>{selectedCount}</b>\n {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n </>\n )}\n </>\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 errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\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, classes?.root, checkBoxGroupClasses.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, checkBoxGroupClasses.label)}\n />\n )}\n\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n\n <StyledGroupContainer\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={\n ariaLabelledBy \|\| (label && setId(elementId, \"label\")) \|\| undefined\n }\n aria-disabled={disabled ? true : undefined}\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={\n validationState === \"invalid\" ? errorMessageId : undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n className={clsx(\n classes?.group,\n checkBoxGroupClasses.group,\n orientation === \"vertical\" &&\n clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n orientation === \"horizontal\" &&\n clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n validationState === \"invalid\" &&\n clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n )}\n $vertical={orientation === \"vertical\"}\n $horizontal={orientation === \"horizontal\"}\n $invalid={validationState === \"invalid\"}\n {...others}\n >\n {showSelectAll && (\n <HvCheckBox\n checked={selectAllState === \"all\"}\n indeterminate={selectAllState === \"some\"}\n label={selectAllLabelComponent}\n disabled={disabled}\n readOnly={readOnly}\n className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n onChange={handleSelectAll}\n />\n )}\n {modifiedChildren}\n </StyledGroupContainer>\n\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(classes?.error, checkBoxGroupClasses.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","jsx","Fragment","jsxs","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","join","trim","group","vertical","horizontal","invalid","HvCheckBox","selectAll","HvWarningText","error"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAMA,wBAAwBA,CAACC,UAAUC,UAAU;AACjD,MAAID,aAAa,GAAG;AACX,WAAA;AAAA,EACT;AAEA,MAAIA,aAAaC,OAAO;AACf,WAAA;AAAA,EACT;AAEO,SAAA;AACT;AAEA,MAAMC,+BAA+BA,CAACC,aAA8B;AAClE,QAAMC,iBAAiBC,MAAAA,SAASC,QAAQH,QAAQ,EAC7CI,IAAI,CAACC,UAAe;;AACbC,UAAAA,sBAAoBD,oCAAOE,UAAPF,mBAAcG,aAAYC;AACpD,UAAMC,kBAAkBJ,qBACpBD,oCAAOE,UAAPF,mBAAcG,WACdH,oCAAOE,UAAPF,mBAAcM;AAEXD,WAAAA,mBAAkBL,oCAAOE,UAAPF,mBAAcO,QAAQH;AAAAA,EAAAA,CAChD,EACAI,OAAQC,CAAAA,MAAMA,MAAML,MAAS;AAEzBR,SAAAA;AACT;AA4FO,MAAMc,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAlB;AAAAA,EACAmB;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAZ,OAAOa;AAAAA,EACPC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,4BAA4B;AAAA,EAC5B,cAAcC;AAAAA,EACd,mBAAmBC;AAAAA,EACnB,oBAAoBC;AAAAA,EACpB,qBAAqBC;AAAAA,EACrBC;AAAAA,KACGC;AACiB,MAAM;AAC1B,QAAM,CAAC1B,OAAO2B,QAAQ,IAAIC,cAAAA,cACxBf,WACAD,iBAAiBf,SACbe,eAGA,MAAMzB,6BAA6BC,QAAQ,CAAC;AAGlD,QAAM,CAACyC,iBAAiBC,kBAAkB,IAAIF,cAAAA,cAC5ClB,QACA,SAAS;AAGX,QAAM,CAACqB,iBAAiB,IAAIH,cAAAA,cAAcjB,eAAe,UAAU;AAE7DqB,QAAAA,YAAYC,YAAAA,QAAY7B,IAAI,iBAAiB;AAE7C8B,QAAAA,kBAAkBC,MAAAA,OAAOtC,MAAS;AAExC,QAAM,CAACuC,WAAWC,eAAeC,aAAa,IAAIC,cAAQ,MAAM;AAC9D,UAAMC,cAAqB,CAAA;AAC3B,UAAMC,qBAAgC,CAAA;AACtC,QAAIC,uBAAuB;AAE3BpD,UAAAA,SAASC,QAAQH,QAAQ,EAAEuD,QAAQ,CAAClD,OAAYmD,MAAc;;AACtDC,YAAAA,cAAapD,oCAAOE,UAAPF,mBAAcO;AACjC,YAAMF,kBAAkBE,MAAM8C,QAAQD,UAAU,MAAM;AAEtDL,kBAAYI,KAAKC;AACjBJ,yBAAmBG,KAAK9C;AAExB,UAAIA,iBAAiB;AACK,gCAAA;AAAA,MAC1B;AAAA,IAAA,CACD;AAEM,WAAA,CAAC0C,aAAaC,oBAAoBC,oBAAoB;AAAA,EAAA,GAC5D,CAACtD,UAAUY,KAAK,CAAC;AAEpB,QAAM+C,iBAAiB/D,sBACrBgB,MAAMgD,QACNX,cAAcW,MAAM;AAGtB,QAAMC,2BAA2BC,MAAAA,YAC/B,CACEC,OACAC,eAIAC,OACAC,cACG;AACH,UAAMC,WAAWC,2BACfH,QAAAA,OACAF,OACAjB,iBACAE,WACAC,eACAiB,SAAS;AAGXF,mDAAgBC,OAAOC;AAEvB7B,yCAAW4B,OAAOE;AAElB5B,aAAS,MAAM;AAGTb,UAAAA,YAAYyC,SAASP,WAAW,GAAG;AACrClB,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOyB,aAAAA;AAAAA,IAAAA,CACR;AAAA,EAAA,GAEH,CAACnB,WAAWX,UAAUX,UAAUuB,eAAeP,oBAAoBH,QAAQ,CAAC;AAGxE8B,QAAAA,mBAAmBlB,MAAAA,QAAQ,MAAM;AACrC,WAAOjD,MAASE,SAAAA,IAAIJ,UAAU,CAACK,OAAYmD,MAAc;;AACvD,YAAM9C,kBAAkBuC,cAAcO;AAEtC,aAAOc,MAAAA,aAAajE,OAAO;AAAA,QACzBG,SAASE;AAAAA,QACTS,QAAMd,oCAAOE,UAAPF,mBAAcc,SAAQA;AAAAA,QAC5BkB,UAAUA,CACR4B,OACAC,cAEAL;;AAAAA,0CAAyBL,IAAGnD,MAAAA,+BAAOE,UAAPF,gBAAAA,IAAcgC,UAAU4B,OAAOC,SAAS;AAAA;AAAA,QACtEtC,UAAUA,cAAYvB,oCAAOE,UAAPF,mBAAcuB;AAAAA,QACpCD,UAAUA,cAAYtB,oCAAOE,UAAPF,mBAAcsB;AAAAA,MAAAA,CACrC;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CACD3B,UACA4B,UACAT,MACA0C,0BACAlC,UACAsB,aAAa,CACd;AAEKsB,QAAAA,kBAAkBA,CACtBN,OACAO,qBACG;AACCL,QAAAA;AACJ,QAAIK,kBAAkB;AACT,iBAAA,CAAC,GAAGxB,SAAS;AAAA,IAAA,OACnB;AACLmB,iBAAW,CAAA;AAAA,IACb;AAEA9B,yCAAW4B,OAAOE;AAElB5B,aAAS,MAAM;AAETb,UAAAA,YAAYyC,SAASP,WAAW,GAAG;AACrClB,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOyB,aAAAA;AAAAA,IAAAA,CACR;AAAA,EAAA;AAGH,QAAMM,0BACJC,2BAAAA,IAAAC,WAAA,UAAA,EACGzB,UAAkB,kBAAA,IAEf0B,2BAAA,KAAAD,qBAAA,EAAA,UAAA;AAAA,IAAAD,2BAAAA,IAAC,OAAG3C,UAAe,eAAA,CAAA;AAAA,IACjB,KAAI7B,MAAAA,SAASC,QAAQH,QAAQ,EAAE4D;AAAAA,EAAAA,EAAAA,CACnC,IAGEgB,2BAAAA,KAAAD,WAAA,UAAA,EAAA,UAAA;AAAA,IAAAD,2BAAAA,IAAC,OAAGxB,UAAc,cAAA,CAAA;AAAA,IAChB,IAAGlB,6BAA6B9B,MAAAA,SAASC,QAAQH,QAAQ,EAAE4D;AAAAA,EAAAA,EAC/D,CAAA,EAEJ,CAAA;AAOIiB,QAAAA,eACJzC,oBAAoB,SAClBd,WAAWb,UAAac,kBAAkBd,UACzCa,WAAWb,UAAaiB;AAE7B,QAAMoD,iBAAiBD,eACnBE,MAAAA,MAAMnC,WAAW,OAAO,IACxBR;AAEJ,yCACG4C,qBACC,mBAAA,EAAA,IACA,MACA,QAAQvC,iBACR,UACA,UACA,UACA,WAAWwC,cAAAA,QAAK/D,WAAWD,mCAASiE,MAAMC,6BAAqBD,IAAI,GAElE9D,UAAAA;AAAAA,IAAAA,SACEsD,2BAAA,IAAAU,qBAAA,aAAA,EACC,IAAIL,MAAAA,MAAMnC,WAAW,OAAO,GAC5B,OACA,WAAWqC,cAAAA,QAAKhE,mCAASG,OAAO+D,qBAAAA,QAAqB/D,KAAK,GAE7D;AAAA,IAEAC,8CACEgE,2BAAc,EAAA,IAAIN,MAAAA,MAAMnC,WAAW,aAAa,GAC9CvB,UACH,aAAA;AAAA,oCAGDiE,qBAAAA,sBACC,EAAA,MAAK,SACL,cAAYrD,WACZ,mBACEC,kBAAmBd,SAAS2D,MAAMnC,MAAAA,WAAW,OAAO,KAAMnC,QAE5D,iBAAemB,WAAW,OAAOnB,QACjC,gBAAcgC,oBAAoB,YAAY,OAAOhC,QACrD,qBACEgC,oBAAoB,YAAYqC,iBAAiBrE,QAEnD,oBACE,CAACY,eAAe0D,MAAAA,MAAMnC,WAAW,aAAa,GAAGT,eAAe,EAC7DoD,KAAK,GAAG,EACRC,KAAM,KAAI/E,QAEf,WAAWwE,sBACThE,mCAASwE,OACTN,qBAAAA,QAAqBM,OACrB3D,gBAAgB,cACdmD,cAAKhE,QAAAA,mCAASyE,UAAUP,qBAAAA,QAAqBO,QAAQ,GACvD5D,gBAAgB,gBACdmD,cAAKhE,QAAAA,mCAAS0E,YAAYR,qBAAqBQ,QAAAA,UAAU,GAC3DlD,oBAAoB,aAClBwC,sBAAKhE,mCAAS2E,SAAST,qBAAqBS,QAAAA,OAAO,CAAC,GAExD,WAAW9D,gBAAgB,YAC3B,aAAaA,gBAAgB,cAC7B,UAAUW,oBAAoB,WAC9B,GAAIH,QAEHT,UAAAA;AAAAA,MACC,iBAAA6C,2BAAA,IAACmB,uBACC,SAASlC,mBAAmB,OAC5B,eAAeA,mBAAmB,QAClC,OAAOc,yBACP,UACA,UACA,WAAWQ,sBAAKhE,mCAAS6E,WAAWX,6BAAqBW,SAAS,GAClE,UAAUvB,iBAEb;AAAA,MACAF;AAAAA,IAAAA,GACH;AAAA,IAECQ,gBACEH,2BAAAA,IAAAqB,YAAAA,eAAA,EACC,IAAIhB,MAAAA,MAAMnC,WAAW,OAAO,GAC5B,eAAa,MACb,WAAWqC,cAAAA,QAAKhE,mCAAS+E,OAAOb,qBAAqBa,QAAAA,KAAK,GAEzDrD,UACH,mBAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Container/Container.cjs CHANGED Viewed

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const React = require("react");
 const Container_styles = require("./Container.styles.cjs");
 const containerClasses = require("./containerClasses.cjs");
 const clsx = require("clsx");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvContainer = React.forwardRef(({
@@ -16,14 +16,16 @@ const HvContainer = React.forwardRef(({
   ...others
 }, ref) => {
   const muiTheme = styles.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(Container_styles.StyledRoot, {
-    className: clsx__default.default(className, containerClasses.default.root, classes == null ? void 0 : classes.root),
-    $breakpoints: muiTheme.breakpoints,
-    ref,
-    maxWidth,
-    fixed,
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Container_styles.StyledRoot, { className, classes: {
+    root: clsx__default.default(containerClasses.default.root, classes == null ? void 0 : classes.root),
+    disableGutters: clsx__default.default(containerClasses.default.disableGutters, classes == null ? void 0 : classes.disableGutters),
+    fixed: clsx__default.default(containerClasses.default.fixed, classes == null ? void 0 : classes.fixed),
+    maxWidthXs: clsx__default.default(containerClasses.default.maxWidthXs, classes == null ? void 0 : classes.maxWidthXs),
+    maxWidthSm: clsx__default.default(containerClasses.default.maxWidthSm, classes == null ? void 0 : classes.maxWidthSm),
+    maxWidthMd: clsx__default.default(containerClasses.default.maxWidthMd, classes == null ? void 0 : classes.maxWidthMd),
+    maxWidthLg: clsx__default.default(containerClasses.default.maxWidthLg, classes == null ? void 0 : classes.maxWidthLg),
+    maxWidthXl: clsx__default.default(containerClasses.default.maxWidthXl, classes == null ? void 0 : classes.maxWidthXl)
+  }, $breakpoints: muiTheme.breakpoints, ref, maxWidth, fixed, ...others });
 });
 exports.HvContainer = HvContainer;
 //# sourceMappingURL=Container.cjs.map

package/dist/cjs/components/Container/Container.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.cjs","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = MuiContainerProps &\n HvBaseProps & {\n /*\n The component used for the root node.\n * Either a string to use a DOM element or a component.\n /\n component?: React.ElementType;\n /\n Determine the max-width of the container.\n * The container width grows with the size of the screen.\n * Set to `false` to disable `maxWidth`.\n /\n maxWidth?: \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| false;\n /* If `true`, the left and right padding is removed. /\n disableGutters?: boolean;\n /\n Set the max-width to match the min-width of the current breakpoint.\n * This is useful if you'd prefer to design for a fixed set of sizes\n * instead of trying to accommodate a fully fluid viewport.\n * It's fluid by default.\n /\n fixed?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvContainerClasses;\n };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n const muiTheme = useTheme();\n return (\n <StyledRoot\n className={clsx(~~className,~~ containerClasses.root, classes?.root)}\n $breakpoints={muiTheme.breakpoints}\n ref={ref}\n maxWidth={maxWidth}\n fixed={fixed}\n {...others}\n />\n );\n }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","StyledRoot","clsx","containerClasses","~~root~~","~~$breakpoints~~","breakpoints"],"mappings":";;;;;;;;;;AAkCaA,MAAAA,cAAcC,iBACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC,OAAAA;~~AACjB~~,~~wCACGC~~,iBAAAA,~~YAAU~~;AAAA,~~IACTN~~,~~WAAWO~~,~~cAAKP~~,~~QAAAA~~,~~WAAWQ~~,~~iBAAiBC~~,~~QAAAA~~,~~MAAMV~~,~~mCAASU,~~IAAI;AAAA,IAC/DC,~~cAAcN~~,~~SAASO~~;~~AAAAA~~,~~IACvBR~~;~~AAAAA~~,~~IACAL~~;~~AAAAA~~,~~IACAG~~;~~AAAAA~~,~~IAAa~~,~~GACTC~~;~~AAAAA~~,~~EAAAA~~,~~CACJ~~;AAEN,CAAC;;"}
1	+ {"version":3,"file":"Container.cjs","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = Omit<MuiContainerProps, \"classes\"> &\n HvBaseProps & {\n /*\n The component used for the root node.\n * Either a string to use a DOM element or a component.\n /\n component?: React.ElementType;\n /\n Determine the max-width of the container.\n * The container width grows with the size of the screen.\n * Set to `false` to disable `maxWidth`.\n /\n maxWidth?: \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| false;\n /* If `true`, the left and right padding is removed. /\n disableGutters?: boolean;\n /\n Set the max-width to match the min-width of the current breakpoint.\n * This is useful if you'd prefer to design for a fixed set of sizes\n * instead of trying to accommodate a fully fluid viewport.\n * It's fluid by default.\n /\n fixed?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvContainerClasses;\n };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n const muiTheme = useTheme();\n return (\n <StyledRoot\n className={className}\n classes={{\n root: clsx(containerClasses.root, classes?.root),\n disableGutters: clsx(\n containerClasses.disableGutters,\n classes?.disableGutters\n ),\n fixed: clsx(containerClasses.fixed, classes?.fixed),\n maxWidthXs: clsx(containerClasses.maxWidthXs, classes?.maxWidthXs),\n maxWidthSm: clsx(containerClasses.maxWidthSm, classes?.maxWidthSm),\n maxWidthMd: clsx(containerClasses.maxWidthMd, classes?.maxWidthMd),\n maxWidthLg: clsx(containerClasses.maxWidthLg, classes?.maxWidthLg),\n maxWidthXl: clsx(containerClasses.maxWidthXl, classes?.maxWidthXl),\n }}\n $breakpoints={muiTheme.breakpoints}\n ref={ref}\n maxWidth={maxWidth}\n fixed={fixed}\n {...others}\n />\n );\n }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","jsx","StyledRoot","root","clsx","containerClasses","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","breakpoints"],"mappings":";;;;;;;;;;AAkCaA,MAAAA,cAAcC,iBACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC,OAAAA;AAEf,SAAAC,+BAACC,iBAAAA,YACC,EAAA,WACA,SAAS;AAAA,IACPC,MAAMC,cAAAA,QAAKC,iBAAAA,QAAiBF,MAAMT,mCAASS,IAAI;AAAA,IAC/CG,gBAAgBF,cAAAA,QACdC,iBAAAA,QAAiBC,gBACjBZ,mCAASY,cAAc;AAAA,IAEzBV,OAAOQ,cAAAA,QAAKC,iBAAAA,QAAiBT,OAAOF,mCAASE,KAAK;AAAA,IAClDW,YAAYH,cAAAA,QAAKC,iBAAAA,QAAiBE,YAAYb,mCAASa,UAAU;AAAA,IACjEC,YAAYJ,cAAAA,QAAKC,iBAAAA,QAAiBG,YAAYd,mCAASc,UAAU;AAAA,IACjEC,YAAYL,cAAAA,QAAKC,iBAAAA,QAAiBI,YAAYf,mCAASe,UAAU;AAAA,IACjEC,YAAYN,cAAAA,QAAKC,iBAAAA,QAAiBK,YAAYhB,mCAASgB,UAAU;AAAA,IACjEC,YAAYP,cAAAA,QAAKC,iBAAAA,QAAiBM,YAAYjB,mCAASiB,UAAU;AAAA,EAAA,GAEnE,cAAcZ,SAASa,aACvB,KACA,UACA,OACIf,GAAAA,OACJ,CAAA;AAEN,CAAC;;"}

package/dist/cjs/components/Container/containerClasses.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root"];
+const classKeys = ["root", "disableGutters", "fixed", "maxWidthXs", "maxWidthSm", "maxWidthMd", "maxWidthLg", "maxWidthXl"];
 const containerClasses = classes.getClasses(classKeys, "HvContainer");
 const containerClasses$1 = containerClasses;
 exports.default = containerClasses$1;

package/dist/cjs/components/Container/containerClasses.cjs.map CHANGED Viewed

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

package/dist/cjs/components/Controls/Controls.cjs CHANGED Viewed

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const Controls_styles = require("./Controls.styles.cjs");
-const index = require("./index.cjs");
 const ControlsContext = require("./context/ControlsContext.cjs");
 const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const controlClasses = require("./controlClasses.cjs");
 const MultiButton = require("../MultiButton/MultiButton.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
 const setId = require("../../utils/setId.cjs");
@@ -39,37 +39,20 @@ const HvControls = ({
   const childrenIndexCut = childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;
   const leftChildren = childrenArray.slice(0, childrenIndexCut);
   const rightChildren = childrenArray.slice(childrenIndexCut, childrenCount || 0);
-  return /* @__PURE__ */ jsxRuntime.jsx(Controls_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, index.controlsClasses.root, classes == null ? void 0 : classes.root),
-    children: /* @__PURE__ */ jsxRuntime.jsxs(ControlsContext.HvControlsContextProvider, {
-      value: {
-        onSearch: onSearchHandler,
-        onSort: onSortHandler
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Controls_styles.StyledSection, {
-        className: clsx__default.default(classes == null ? void 0 : classes.section, index.controlsClasses.section, classes == null ? void 0 : classes.leftSection, index.controlsClasses.leftSection),
-        children: leftChildren
-      }), /* @__PURE__ */ jsxRuntime.jsxs(Controls_styles.StyledSection, {
-        className: clsx__default.default(classes == null ? void 0 : classes.section, index.controlsClasses.section, classes == null ? void 0 : classes.rightSection, index.controlsClasses.rightSection),
-        children: [rightChildren, views && !hideViewSwitcher && (views == null ? void 0 : views.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(MultiButton.HvMultiButton, {
-          id: setId.setId(id, "view-multi-button"),
-          children: views.map(({
-            id: btnId,
-            icon,
-            ...others
-          }) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-            id: btnId,
-            icon: true,
-            selected: currentView === btnId,
-            onClick: (evt) => onViewChangeHandler(evt, btnId),
-            ...others,
-            children: icon
-          }, btnId))
-        })]
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Controls_styles.StyledRoot, { id, className: clsx__default.default(className, controlClasses.default.root, classes == null ? void 0 : classes.root), children: /* @__PURE__ */ jsxRuntime.jsxs(ControlsContext.HvControlsContextProvider, { value: {
+    onSearch: onSearchHandler,
+    onSort: onSortHandler
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Controls_styles.StyledSection, { className: clsx__default.default(classes == null ? void 0 : classes.section, controlClasses.default.section, classes == null ? void 0 : classes.leftSection, controlClasses.default.leftSection), children: leftChildren }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Controls_styles.StyledSection, { className: clsx__default.default(classes == null ? void 0 : classes.section, controlClasses.default.section, classes == null ? void 0 : classes.rightSection, controlClasses.default.rightSection), children: [
+      rightChildren,
+      views && !hideViewSwitcher && (views == null ? void 0 : views.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(MultiButton.HvMultiButton, { id: setId.setId(id, "view-multi-button"), children: views.map(({
+        id: btnId,
+        icon,
+        ...others
+      }) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { id: btnId, icon: true, selected: currentView === btnId, onClick: (evt) => onViewChangeHandler(evt, btnId), ...others, children: icon }, btnId)) })
+    ] })
+  ] }) });
 };
 exports.HvControls = HvControls;
 //# sourceMappingURL=Controls.cjs.map

package/dist/cjs/components/Controls/Controls.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controls.cjs","sources":["../../../../src/components/Controls/Controls.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRoot, StyledSection } from \"./Controls.styles\";\nimport { controlsClasses, HvControlsClasses } from \".\";\nimport { HvButton, HvMultiButton } from \"components\";\nimport { setId } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport { Children } from \"react\";\nimport { HvTableInstance } from \"components/Table/hooks/useTable\";\n\nexport type HvControlsViewConfiguration = {\n id?: string;\n label?: string;\n icon?: React.ReactNode;\n} & HvExtraProps;\n\nexport type HvControlsProps = HvBaseProps & {\n /*\n An instance of useHvTable or useTable used to manage the data\n * if this is not provided data sorting and search must be handled externally\n /\n callbacks?: Pick<HvTableInstance, \"setSortBy\" \| \"setGlobalFilter\">;\n /\n Views configuration required for the view buttons\n /\n views?: HvControlsViewConfiguration[];\n /\n What view is selected by default\n /\n defaultView?: string;\n /\n Sets the selected view to be the one specified\n * if specified the component is in a controlled state and it won't change it state\n * unless specified externally\n /\n selectedView?: string;\n /\n Callback called when the view switcher button is pressed\n /\n onViewChange?: (event: Event, id: string) => void;\n /\n if `true` the button to switch views is not rendered\n /\n hideViewSwitcher?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvControlsClasses;\n};\n\nexport const HvControls = ({\n id,\n className,\n classes,\n views,\n callbacks,\n selectedView,\n defaultView,\n children,\n hideViewSwitcher = false,\n onViewChange,\n}: HvControlsProps) => {\n const [currentView, setCurrentView] = useControlled(\n selectedView,\n defaultView\n );\n\n const onViewChangeHandler = (evt, btnId) => {\n setCurrentView(btnId);\n onViewChange?.(evt, btnId);\n };\n\n const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n const onSortHandler = (value) =>\n callbacks?.setSortBy([\n {\n id: value?.accessor,\n desc: value?.desc,\n },\n ]);\n\n const childrenCount = Children.count(children);\n const childrenArray = Children.toArray(children);\n\n const childrenIndexCut =\n childrenCount > 0 ? Math.round(childrenCount 0.5) : 0;\n const leftChildren = childrenArray.slice(0, childrenIndexCut);\n const rightChildren = childrenArray.slice(\n childrenIndexCut,\n childrenCount \|\| 0\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, controlsClasses.root, classes?.root)}\n >\n <HvControlsContextProvider\n value={{\n onSearch: onSearchHandler,\n onSort: onSortHandler,\n }}\n >\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.leftSection,\n controlsClasses.leftSection\n )}\n >\n {leftChildren}\n </StyledSection>\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.rightSection,\n controlsClasses.rightSection\n )}\n >\n {rightChildren}\n {views && !hideViewSwitcher && views?.length > 0 && (\n <HvMultiButton id={setId(id, \"view-multi-button\")}>\n {views.map(({ id: btnId, icon, ...others }) => (\n <HvButton\n id={btnId}\n key={btnId}\n icon\n selected={currentView === btnId}\n onClick={(evt) => onViewChangeHandler(evt, btnId)}\n {...others}\n >\n {icon}\n </HvButton>\n ))}\n </HvMultiButton>\n )}\n </StyledSection>\n </HvControlsContextProvider>\n </StyledRoot>\n );\n};\n"],"names":["HvControls","id","className","classes","views","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","useControlled","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenCount","Children","count","childrenArray","toArray","childrenIndexCut","Math","round","leftChildren","slice","rightChildren","StyledRoot","clsx","controlsClasses","root","HvControlsContextProvider","onSearch","onSort","~~_jsx","~~StyledSection","section","leftSection","~~_jsxs","~~rightSection","length","HvMultiButton","setId","map","icon","others","HvButton"~~,"selected","onClick"~~],"mappings":";;;;;;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,mBAAmB;AAAA,EACnBC;AACe,MAAM;AACrB,QAAM,CAACC,aAAaC,cAAc,IAAIC,cAAAA,cACpCP,cACAC,WAAW;AAGPO,QAAAA,sBAAsBA,CAACC,KAAKC,UAAU;AAC1CJ,mBAAeI,KAAK;AACpBN,iDAAeK,KAAKC;AAAAA,EAAK;AAG3B,QAAMC,kBAAmBC,CAAAA,UAAUb,uCAAWc,gBAAgBD;AAC9D,QAAME,gBAAiBF,CAAAA,UACrBb,uCAAWgB,UAAU,CACnB;AAAA,IACEpB,IAAIiB,+BAAOI;AAAAA,IACXC,MAAML,+BAAOK;AAAAA,EACd,CAAA;AAGCC,QAAAA,gBAAgBC,MAAAA,SAASC,MAAMlB,QAAQ;AACvCmB,QAAAA,gBAAgBF,MAAAA,SAASG,QAAQpB,QAAQ;AAE/C,QAAMqB,mBACJL,gBAAgB,IAAIM,KAAKC,MAAMP,gBAAgB,GAAG,IAAI;AACxD,QAAMQ,eAAeL,cAAcM,MAAM,GAAGJ,gBAAgB;AAC5D,QAAMK,gBAAgBP,cAAcM,MAClCJ,kBACAL,iBAAiB,CAAC;AAGpB,~~wCACGW~~,gBAAAA,~~YAAU;AAAA~~,~~IACTlC;AAAAA~~,~~IACAC~~,~~WAAWkC~~,~~cAAKlC~~,QAAAA,~~WAAWmC~~,~~MAAgBC~~,~~gBAAAA~~,~~MAAMnC~~,~~mCAASmC~~,IAAI~~;AAAA~~,~~IAAE9B~~,~~0CAE/D+B~~,~~2CAAyB;AAAA~~,~~MACxBrB~~,OAAO;AAAA,~~QACLsB~~,~~UAAUvB~~;AAAAA,~~QACVwB~~,~~QAAQrB~~;AAAAA,~~MACV~~;AAAA,~~MAAEZ~~,~~UAAA~~,~~CAEFkC~~,~~2BAAAA~~,~~IAACC,+BAAa;AAAA~~,~~QACZzC~~,~~WAAWkC~~,cAAAA,~~QACTjC~~,~~mCAASyC~~,SACTP,~~MAAAA~~,~~gBAAgBO~~,~~SAChBzC~~,~~mCAAS0C~~,aACTR,~~MAAAA~~,~~gBAAgBQ~~,WAAW~~;AAAA~~,~~QAC3BrC~~,~~UAEDwB~~;~~AAAAA~~,~~MAAAA~~,~~CACa~~,~~GAChBc~~,~~2BAAAA~~,~~KAACH,+BAAa;AAAA~~,~~QACZzC~~,~~WAAWkC~~,cAAAA,~~QACTjC~~,~~mCAASyC~~,SACTP,~~MAAAA~~,~~gBAAgBO~~,~~SAChBzC~~,mCAAS4C,~~cACTV~~,~~MAAAA~~,~~gBAAgBU~~,YAAY;~~AAAA~~,~~QAC5BvC~~,~~WAED0B~~,~~eACA9B,~~SAAS,CAACK,qBAAoBL,+BAAO4C,UAAS,~~KAC7CN~~,2BAAAA,~~IAACO~~,~~2BAAa;AAAA~~,~~UAAChD~~,~~IAAIiD~~,MAAAA,MAAMjD,IAAI,mBAAmB~~;AAAA~~,~~UAAEO~~,~~UAC/CJ~~,MAAM+C,IAAI,CAAC;AAAA,~~YAAElD~~,IAAIe;AAAAA,~~YAAOoC~~;AAAAA,~~eAASC~~;AAAAA,~~UAAAA~~,~~qCAC/BC~~,OAAAA,~~UAAQ;AAAA~~,~~YACPrD~~,~~IAAIe;AAAAA~~,~~YAEJoC~~,MAAI~~;AAAA~~,~~YACJG~~,~~UAAU5C~~,gBAAgBK~~;AAAAA~~,~~YAC1BwC~~,~~SAAUzC~~,~~CAAAA~~,~~QAAQD~~,oBAAoBC,KAAKC,KAAK~~;AAAA~~,~~YAAE~~,~~GAC9CqC;AAAAA~~,~~YAAM7C~~,~~UAET4C;AAAAA~~,~~UAAI~~,~~GANApC~~,~~KAAK~~,~~CAQb~~;AAAA,~~QAAA~~,~~CAEJ,CAAA~~;AAAA,~~MAAA~~,~~CACa~~,CAAA~~;AAAA~~,~~IAAA~~,CAAA;~~AAAA,EAAA,CAEP;AAEjB~~;;"}
1	+ {"version":3,"file":"Controls.cjs","sources":["../../../../src/components/Controls/Controls.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRoot, StyledSection } from \"./Controls.styles\";\nimport { controlsClasses, HvControlsClasses } from \".\";\nimport { HvButton, HvMultiButton } from \"components\";\nimport { setId } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport { Children } from \"react\";\nimport { HvTableInstance } from \"components/Table/hooks/useTable\";\n\nexport type HvControlsViewConfiguration = {\n id?: string;\n label?: string;\n icon?: React.ReactNode;\n} & HvExtraProps;\n\nexport type HvControlsProps = HvBaseProps & {\n /*\n An instance of useHvTable or useTable used to manage the data\n * if this is not provided data sorting and search must be handled externally\n /\n callbacks?: Pick<HvTableInstance, \"setSortBy\" \| \"setGlobalFilter\">;\n /\n Views configuration required for the view buttons\n /\n views?: HvControlsViewConfiguration[];\n /\n What view is selected by default\n /\n defaultView?: string;\n /\n Sets the selected view to be the one specified\n * if specified the component is in a controlled state and it won't change it state\n * unless specified externally\n /\n selectedView?: string;\n /\n Callback called when the view switcher button is pressed\n /\n onViewChange?: (event: Event, id: string) => void;\n /\n if `true` the button to switch views is not rendered\n /\n hideViewSwitcher?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvControlsClasses;\n};\n\nexport const HvControls = ({\n id,\n className,\n classes,\n views,\n callbacks,\n selectedView,\n defaultView,\n children,\n hideViewSwitcher = false,\n onViewChange,\n}: HvControlsProps) => {\n const [currentView, setCurrentView] = useControlled(\n selectedView,\n defaultView\n );\n\n const onViewChangeHandler = (evt, btnId) => {\n setCurrentView(btnId);\n onViewChange?.(evt, btnId);\n };\n\n const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n const onSortHandler = (value) =>\n callbacks?.setSortBy([\n {\n id: value?.accessor,\n desc: value?.desc,\n },\n ]);\n\n const childrenCount = Children.count(children);\n const childrenArray = Children.toArray(children);\n\n const childrenIndexCut =\n childrenCount > 0 ? Math.round(childrenCount 0.5) : 0;\n const leftChildren = childrenArray.slice(0, childrenIndexCut);\n const rightChildren = childrenArray.slice(\n childrenIndexCut,\n childrenCount \|\| 0\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, controlsClasses.root, classes?.root)}\n >\n <HvControlsContextProvider\n value={{\n onSearch: onSearchHandler,\n onSort: onSortHandler,\n }}\n >\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.leftSection,\n controlsClasses.leftSection\n )}\n >\n {leftChildren}\n </StyledSection>\n <StyledSection\n className={clsx(\n classes?.section,\n controlsClasses.section,\n classes?.rightSection,\n controlsClasses.rightSection\n )}\n >\n {rightChildren}\n {views && !hideViewSwitcher && views?.length > 0 && (\n <HvMultiButton id={setId(id, \"view-multi-button\")}>\n {views.map(({ id: btnId, icon, ...others }) => (\n <HvButton\n id={btnId}\n key={btnId}\n icon\n selected={currentView === btnId}\n onClick={(evt) => onViewChangeHandler(evt, btnId)}\n {...others}\n >\n {icon}\n </HvButton>\n ))}\n </HvMultiButton>\n )}\n </StyledSection>\n </HvControlsContextProvider>\n </StyledRoot>\n );\n};\n"],"names":["HvControls","id","className","classes","views","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","useControlled","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenCount","Children","count","childrenArray","toArray","childrenIndexCut","Math","round","leftChildren","slice","rightChildren","jsx","StyledRoot","clsx","controlsClasses","root","jsxs","HvControlsContextProvider","onSearch","onSort","StyledSection","section","leftSection","rightSection","length","HvMultiButton","setId","map","icon","others","HvButton"],"mappings":";;;;;;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,mBAAmB;AAAA,EACnBC;AACe,MAAM;AACrB,QAAM,CAACC,aAAaC,cAAc,IAAIC,cAAAA,cACpCP,cACAC,WAAW;AAGPO,QAAAA,sBAAsBA,CAACC,KAAKC,UAAU;AAC1CJ,mBAAeI,KAAK;AACpBN,iDAAeK,KAAKC;AAAAA,EAAK;AAG3B,QAAMC,kBAAmBC,CAAAA,UAAUb,uCAAWc,gBAAgBD;AAC9D,QAAME,gBAAiBF,CAAAA,UACrBb,uCAAWgB,UAAU,CACnB;AAAA,IACEpB,IAAIiB,+BAAOI;AAAAA,IACXC,MAAML,+BAAOK;AAAAA,EACd,CAAA;AAGCC,QAAAA,gBAAgBC,MAAAA,SAASC,MAAMlB,QAAQ;AACvCmB,QAAAA,gBAAgBF,MAAAA,SAASG,QAAQpB,QAAQ;AAE/C,QAAMqB,mBACJL,gBAAgB,IAAIM,KAAKC,MAAMP,gBAAgB,GAAG,IAAI;AACxD,QAAMQ,eAAeL,cAAcM,MAAM,GAAGJ,gBAAgB;AAC5D,QAAMK,gBAAgBP,cAAcM,MAClCJ,kBACAL,iBAAiB,CAAC;AAGpB,SACGW,2BAAAA,IAAAC,gBAAAA,YAAA,EACC,IACA,WAAWC,cAAKnC,QAAAA,WAAWoC,eAAAA,QAAgBC,MAAMpC,mCAASoC,IAAI,GAE9D,UAAAC,2BAAAA,KAACC,gBAAAA,6BACC,OAAO;AAAA,IACLC,UAAUzB;AAAAA,IACV0B,QAAQvB;AAAAA,EAGV,GAAA,UAAA;AAAA,IAAAe,2BAAA,IAACS,gBACC,eAAA,EAAA,WAAWP,cAAAA,QACTlC,mCAAS0C,SACTP,eAAAA,QAAgBO,SAChB1C,mCAAS2C,aACTR,eAAAA,QAAgBQ,WAAW,GAG5Bd,UACH,cAAA;AAAA,IACCQ,2BAAAA,KAAAI,gBAAAA,eAAA,EACC,WAAWP,cAAAA,QACTlC,mCAAS0C,SACTP,eAAgBO,QAAAA,SAChB1C,mCAAS4C,cACTT,eAAgBS,QAAAA,YAAY,GAG7Bb,UAAAA;AAAAA,MAAAA;AAAAA,MACA9B,SAAS,CAACK,qBAAoBL,+BAAO4C,UAAS,KAC7Cb,2BAAAA,IAACc,YAAc,eAAA,EAAA,IAAIC,MAAAA,MAAMjD,IAAI,mBAAmB,GAC7CG,UAAAA,MAAM+C,IAAI,CAAC;AAAA,QAAElD,IAAIe;AAAAA,QAAOoC;AAAAA,WAASC;AAAAA,MAAO,qCACtCC,OAAAA,UACC,EAAA,IAAItC,OAEJ,MAAI,MACJ,UAAUL,gBAAgBK,OAC1B,SAAUD,CAAQD,QAAAA,oBAAoBC,KAAKC,KAAK,GAChD,GAAIqC,QAEHD,UAAAA,KAAAA,GANIpC,KAOP,CACD,GACH;AAAA,IAAA,GAEJ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const LeftControl_styles = require("./LeftControl.styles.cjs");
 const React = require("react");
 const ControlsContext = require("../context/ControlsContext.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const leftControlClasses = require("./leftControlClasses.cjs");
 const Input = require("../../Input/Input.cjs");
 const setId = require("../../../utils/setId.cjs");
@@ -28,18 +28,10 @@ const HvLeftControl = ({
     onSearch == null ? void 0 : onSearch(e, value);
     onSearchHandler == null ? void 0 : onSearchHandler(value);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(LeftControl_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, leftControlClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [!hideSearch && /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
-      id: setId.setId(id, "search-input"),
-      type: "search",
-      placeholder,
-      onChange: (e, value) => onChangeFilter(e, value),
-      ...searchProps
-    }), children]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(LeftControl_styles.StyledRoot, { id, className: clsx__default.default(className, leftControlClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
+    !hideSearch && /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "search-input"), type: "search", placeholder, onChange: (e, value) => onChangeFilter(e, value), ...searchProps }),
+    children
+  ] });
 };
 exports.HvLeftControl = HvLeftControl;
 //# sourceMappingURL=LeftControl.cjs.map

package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftControl.cjs","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSearch?: boolean;\n /* placeholder of the input /\n placeholder?: string;\n /* Callback called when a search action occurs /\n onSearch?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /* Extra props passed to input /\n searchProps?: HvInputProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n id,\n classes,\n className,\n children,\n placeholder = \"Search\",\n onSearch,\n hideSearch = false,\n searchProps,\n ...others\n}: HvLeftControlProps) => {\n const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n const onChangeFilter = (e, value) => {\n onSearch?.(e, value);\n onSearchHandler?.(value);\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, leftControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSearch && (\n <HvInput\n id={setId(id, \"search-input\")}\n type=\"search\"\n placeholder={placeholder}\n onChange={(e, value) => onChangeFilter(e, value)}\n {...searchProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","StyledRoot","clsx","leftControlClasses","root","HvInput","setId"~~,"type","onChange"~~],"mappings":";;;;;;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,~~yCACGC~~,~~mBAAAA~~,~~YAAU;AAAA~~,~~IACTf;AAAAA~~,~~IACAE~~,~~WAAWc~~,~~cAAKd~~,~~QAAAA~~,~~WAAWe~~,~~mBAAmBC~~,~~QAAAA~~,~~MAAMjB~~,~~mCAASiB~~,IAAI~~;AAAA~~,~~IAAE~~,~~GAC/DV~~;~~AAAAA~~,~~IAAML~~,~~WAET~~,~~CAACG~~,~~6CACCa,~~MAAAA,~~SAAO;AAAA~~,~~MACNnB~~,~~IAAIoB~~,MAAAA,~~MAAMpB~~,IAAI,cAAc~~;AAAA~~,~~MAC5BqB~~,MAAK~~;AAAA~~,~~MACLjB;AAAAA~~,~~MACAkB~~,~~UAAUA~~,~~CAACT~~,GAAGC,UAAUF,eAAeC,GAAGC,KAAK;AAAA,~~MAAE,GAC7CP~~;AAAAA,~~IAAW~~,~~CAAA,GAGlBJ,QAAQ;AAAA,~~EAAA,~~CACE~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"LeftControl.cjs","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSearch?: boolean;\n /* placeholder of the input /\n placeholder?: string;\n /* Callback called when a search action occurs /\n onSearch?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /* Extra props passed to input /\n searchProps?: HvInputProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n id,\n classes,\n className,\n children,\n placeholder = \"Search\",\n onSearch,\n hideSearch = false,\n searchProps,\n ...others\n}: HvLeftControlProps) => {\n const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n const onChangeFilter = (e, value) => {\n onSearch?.(e, value);\n onSearchHandler?.(value);\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, leftControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSearch && (\n <HvInput\n id={setId(id, \"search-input\")}\n type=\"search\"\n placeholder={placeholder}\n onChange={(e, value) => onChangeFilter(e, value)}\n {...searchProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","jsxs","StyledRoot","clsx","leftControlClasses","root","HvInput","setId"],"mappings":";;;;;;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,SACGC,2BAAA,KAAAC,mBAAA,YAAA,EACC,IACA,WAAWC,cAAAA,QAAKf,WAAWgB,mBAAAA,QAAmBC,MAAMlB,mCAASkB,IAAI,GAC7DX,GAAAA,QAEH,UAAA;AAAA,IAACF,CAAAA,6CACCc,MAAAA,SACC,EAAA,IAAIC,MAAAA,MAAMrB,IAAI,cAAc,GAC5B,MAAK,UACL,aACA,UAAU,CAACa,GAAGC,UAAUF,eAAeC,GAAGC,KAAK,GAC/C,GAAIP,aAEP;AAAA,IACAJ;AAAAA,EACH,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Controls/RightControl/RightControl.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const RightControl_styles = require("./RightControl.styles.cjs");
 const React = require("react");
 const ControlsContext = require("../context/ControlsContext.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const rightControlClasses = require("./rightControlClasses.cjs");
 const setId = require("../../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -32,19 +32,7 @@ const HvRightControl = ({
       selected: prevValue.id === value.id
     })));
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, rightControlClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: !hideSortBy && /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledDropdown, {
-      id: setId.setId(id, "sort-by-dropdown"),
-      values: dropDownValues,
-      className: clsx__default.default(rightControlClasses.default.sortDropdown, classes == null ? void 0 : classes.sortDropdown),
-      onChange: handleChangeSort,
-      singleSelectionToggle: false,
-      ...sortProps
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledRoot, { id, className: clsx__default.default(className, rightControlClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: !hideSortBy && /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledDropdown, { id: setId.setId(id, "sort-by-dropdown"), values: dropDownValues, className: clsx__default.default(rightControlClasses.default.sortDropdown, classes == null ? void 0 : classes.sortDropdown), onChange: handleChangeSort, singleSelectionToggle: false, ...sortProps }) });
 };
 exports.HvRightControl = HvRightControl;
 //# sourceMappingURL=RightControl.cjs.map

package/dist/cjs/components/Controls/RightControl/RightControl.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n accessor: string;\n desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","~~_jsx","~~StyledDropdown","setId","sortDropdown"~~,"onChange","singleSelectionToggle"~~],"mappings":";;;;;;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,eAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,wCACGqB,~~oBAAAA~~,~~YAAU;AAAA~~,~~IACTrB;AAAAA~~,~~IACAE~~,~~WAAWoB~~,~~cAAKpB~~,~~QAAAA,~~WAAWqB,~~oBAAoBC~~,~~QAAAA~~,MAAMvB,mCAASuB,IAAI~~;AAAA~~,~~IAAE~~,~~GAChEhB;AAAAA~~,~~IAAML~~,~~UAET~~,~~CAACG~~,~~cACAmB~~,~~2BAAAA~~,~~IAACC~~,~~oCAAc;AAAA~~,~~MACb1B~~,~~IAAI2B~~,MAAAA,~~MAAM3B,~~IAAI,kBAAkB~~;AAAA~~,~~MAChCI~~,~~QAAQK;AAAAA~~,~~MACRP~~,~~WAAWoB~~,~~cAAAA~~,~~QACTC~~,~~oBAAAA~~,~~QAAoBK~~,~~cACpB3B~~,~~mCAAS2B,~~YAAY~~;AAAA~~,~~MAEvBC~~,~~UAAUd;AAAAA~~,~~MACVe~~,uBAAuB~~;AAAA~~,~~MAAM~~,~~GACzBvB;AAAAA~~,~~IAAAA~~,~~CAAS;AAAA~~,~~EAAA,CAGN~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"RightControl.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n accessor: string;\n desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","StyledDropdown","setId","sortDropdown"],"mappings":";;;;;;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,eAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,wCACGqB,oBACC,YAAA,EAAA,IACA,WAAWC,sBAAKpB,WAAWqB,oBAAAA,QAAoBC,MAAMvB,mCAASuB,IAAI,GAC9DhB,GAAAA,QAEH,UAACF,CAAAA,6CACCmB,oBACC,gBAAA,EAAA,IAAIC,MAAM1B,MAAAA,IAAI,kBAAkB,GAChC,QAAQS,gBACR,WAAWa,sBACTC,oBAAoBI,QAAAA,cACpB1B,mCAAS0B,YAAY,GAEvB,UAAUZ,kBACV,uBAAuB,OACvB,GAAIR,WAEP,EACH,CAAA;AAEJ;;"}

package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _styled = require("@emotion/styled/base");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
 const Dropdown = require("../../Dropdown/Dropdown.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -22,9 +22,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvUmlnaHRDb250cm9sL1JpZ2h0Q29udHJvbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL1JpZ2h0Q29udHJvbC9SaWdodENvbnRyb2wuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkRyb3Bkb3duIHsuLi5wcm9wc30gLz4pKHtcbiAgbWluV2lkdGg6IDIwMCxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e16dy5r70"
 } : {
   target: "e16dy5r70",

package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.styles.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n minWidth: 200,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","props","~~_jsx~~","HvDropdown"],"mappings":";;;;;;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;~~AAEK~~,~~MAAMC~~,~~iBAAiBX~~,iCAAAA,~~QAAQY~~,~~CAAUC~~,~~UAAAA~~,2BAAAA,~~IAACC~~,SAAAA,~~YAAU;AAAA~~,~~EAAA~~,~~GAAKF;AAAK~~,~~CAAA~~,~~GAAIX~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;;;"}
1	+ {"version":3,"file":"RightControl.styles.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"inline-flex\",\n gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n minWidth: 200,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","props","jsx","HvDropdown"],"mappings":";;;;;;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,iBAAyBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,SAAAA,YAAA,EAAeF,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;;;"}

package/dist/cjs/components/Controls/{index.cjs → controlClasses.cjs} RENAMED Viewed

@@ -3,5 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const classes = require("../../utils/classes.cjs");
 const classKeys = ["root", "section", "rightSection", "leftSection"];
 const controlsClasses = classes.getClasses(classKeys, "HvControls");
-exports.controlsClasses = controlsClasses;
-//# sourceMappingURL=index.cjs.map
+const controlsClasses$1 = controlsClasses;
+exports.default = controlsClasses$1;
+//# sourceMappingURL=controlClasses.cjs.map

package/dist/cjs/components/Controls/controlClasses.cjs.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/cjs/components/Dialog/Actions/Actions.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const Actions_styles = require("./Actions.styles.cjs");
 const actionsClasses = require("./actionsClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvActions = ({
@@ -13,16 +13,10 @@ const HvActions = ({
   fullscreen = false,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledActions, {
-    className,
-    classes: {
-      root: clsx__default.default(actionsClasses.default.root, classes == null ? void 0 : classes.root, fullscreen && clsx__default.default(actionsClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
-      spacing: clsx__default.default(actionsClasses.default.spacing, classes == null ? void 0 : classes.spacing)
-    },
-    $fullscreen: fullscreen,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledActions, { className, classes: {
+    root: clsx__default.default(actionsClasses.default.root, classes == null ? void 0 : classes.root, fullscreen && clsx__default.default(actionsClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
+    spacing: clsx__default.default(actionsClasses.default.spacing, classes == null ? void 0 : classes.spacing)
+  }, $fullscreen: fullscreen, ...others, children });
 };
 exports.HvActions = HvActions;
 //# sourceMappingURL=Actions.cjs.map

package/dist/cjs/components/Dialog/Actions/Actions.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = MuiDialogActionsProps &\n HvBaseProps & {\n /** Set the dialog to fullscreen mode. */\n fullscreen?: boolean;\n classes?: HvDialogActionClasses;\n };\n\nexport const HvActions = ({\n classes,\n className,\n children,\n fullscreen = false,\n ...others\n}: HvActionsProps) => {\n return (\n <StyledActions\n className={className}\n classes={{\n root: clsx(\n dialogActionClasses.root,\n classes?.root,\n fullscreen &&\n clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n ),\n spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n }}\n $fullscreen={fullscreen}\n {...others}\n >\n {children}\n </StyledActions>\n );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing"~~,"$fullscreen"~~],"mappings":";;;;;;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;~~AACpB~~,~~wCACGC~~,eAAAA,~~eAAa;AAAA~~,~~IACZJ;AAAAA~~,~~IACAD~~,SAAS;AAAA,~~MACPM~~,MAAMC,cAAAA,QACJC,eAAAA,QAAoBF,~~MACpBN~~,~~mCAASM~~,~~MACTH~~,~~cACEI~~,cAAAA,QAAKC,eAAAA,~~QAAoBL~~,YAAYH,mCAASG,UAAU,CAAC;AAAA,~~MAE7DM~~,SAASF,cAAAA,QAAKC,eAAAA,QAAoBC,~~SAAST~~,~~mCAASS~~,OAAO;AAAA,~~IAC7D;AAAA~~,~~IACAC~~,aAAaP~~;AAAAA~~,~~IAAW~~,~~GACpBC;AAAAA~~,~~IAAMF;AAAAA~~,~~EAAAA~~,~~CAGI~~;~~AAEpB~~;;"}
1	+ {"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = Omit<MuiDialogActionsProps, \"classes\"> &\n HvBaseProps & {\n /** Set the dialog to fullscreen mode. */\n fullscreen?: boolean;\n classes?: HvDialogActionClasses;\n };\n\nexport const HvActions = ({\n classes,\n className,\n children,\n fullscreen = false,\n ...others\n}: HvActionsProps) => {\n return (\n <StyledActions\n className={className}\n classes={{\n root: clsx(\n dialogActionClasses.root,\n classes?.root,\n fullscreen &&\n clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n ),\n spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n }}\n $fullscreen={fullscreen}\n {...others}\n >\n {children}\n </StyledActions>\n );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","jsx","StyledActions","root","clsx","dialogActionClasses","spacing"],"mappings":";;;;;;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AAElB,SAAAC,+BAACC,eAAAA,eACC,EAAA,WACA,SAAS;AAAA,IACPC,MAAMC,cAAAA,QACJC,eAAAA,QAAoBF,MACpBP,mCAASO,MACTJ,cACEK,cAAAA,QAAKC,eAAAA,QAAoBN,YAAYH,mCAASG,UAAU,CAAC;AAAA,IAE7DO,SAASF,cAAAA,QAAKC,eAAAA,QAAoBC,SAASV,mCAASU,OAAO;AAAA,EAE7D,GAAA,aAAaP,YACTC,GAAAA,QAEHF,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/Dialog/Content/Content.cjs CHANGED Viewed

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MuiDialogContent = require("@mui/material/DialogContent");
 const clsx = require("clsx");
 const Content_styles = require("./Content.styles.cjs");
 const contentClasses = require("./contentClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDialogContent__default = /* @__PURE__ */ _interopDefault(MuiDialogContent);
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvContent = ({
   classes,
@@ -12,12 +14,7 @@ const HvContent = ({
   children,
   indentContent = false
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Content_styles.StyledTypography, {
-    component: Content_styles.StyledContent,
-    className: clsx__default.default(className, contentClasses.default.root, classes == null ? void 0 : classes.root),
-    $indentContent: indentContent,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Content_styles.StyledTypography, { component: MuiDialogContent__default.default, className: clsx__default.default(className, contentClasses.default.root, classes == null ? void 0 : classes.root, !!indentContent && clsx__default.default(contentClasses.default.textContent, classes == null ? void 0 : classes.textContent)), $indentContent: indentContent, children });
 };
 exports.HvContent = HvContent;
 //# sourceMappingURL=Content.cjs.map

package/dist/cjs/components/Dialog/Content/Content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { DialogContentProps as MuiDialogContentProps } from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { ~~StyledContent,~~ StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = MuiDialogContentProps &\n HvBaseProps & {\n /** Content should be indented in relationship to the Dialog title. */\n indentContent?: boolean;\n classes?: HvDialogContentClasses;\n };\n\nexport const HvContent = ({\n classes,\n className,\n children,\n indentContent = false,\n}: HvContentProps) => {\n return (\n <StyledTypography\n component={~~StyledContent~~}\n className={clsx(className, dialogContentClasses.~~root~~, classes?.~~root~~)}\n $indentContent={indentContent}\n >\n {children}\n </StyledTypography>\n );\n};\n"],"names":["HvContent","classes","className","children","indentContent","~~StyledTypography~~","~~component~~","~~StyledContent~~","clsx","dialogContentClasses","root","~~$indentContent~~"],"mappings":"~~;;;;;;;;AAaO~~,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;~~AACpB~~,~~wCACGC~~,eAAAA,~~kBAAgB;AAAA~~,~~IACfC~~,WAAWC,~~eAAAA;AAAAA~~,~~IACXL~~,~~WAAWM~~,~~cAAKN~~,~~QAAAA~~,~~WAAWO~~,~~eAAqBC~~,~~QAAAA~~,~~MAAMT~~,~~mCAASS~~,~~IAAI;AAAA~~,~~IACnEC~~,gBAAgBP~~;AAAAA~~,~~IAAcD;AAAAA~~,~~EAAAA~~,~~CAGb~~;~~AAEvB~~;;"}
1	+ {"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = Omit<MuiDialogContentProps, \"classes\"> &\n HvBaseProps & {\n /** Content should be indented in relationship to the Dialog title. */\n indentContent?: boolean;\n classes?: HvDialogContentClasses;\n };\n\nexport const HvContent = ({\n classes,\n className,\n children,\n indentContent = false,\n}: HvContentProps) => {\n return (\n <StyledTypography\n component={MuiDialogContent}\n className={clsx(\n className,\n dialogContentClasses.root,\n classes?.root,\n !!indentContent &&\n clsx(dialogContentClasses.textContent, classes?.textContent)\n )}\n $indentContent={indentContent}\n >\n {children}\n </StyledTypography>\n );\n};\n"],"names":["HvContent","classes","className","children","indentContent","jsx","StyledTypography","MuiDialogContent","clsx","dialogContentClasses","root","textContent"],"mappings":";;;;;;;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AAElB,SAAAC,+BAACC,eAAAA,oBACC,WAAWC,0BAAAA,SACX,WAAWC,cAAAA,QACTN,WACAO,uBAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,cAAAA,QAAKC,eAAAA,QAAqBE,aAAaV,mCAASU,WAAW,CAAC,GAEhE,gBAAgBP,eAEfD,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/Dialog/Content/Content.styles.cjs CHANGED Viewed

@@ -2,15 +2,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const DialogContent = require("@mui/material/DialogContent");
 const transientOptions = require("../../../utils/transientOptions.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const DialogContent__default = /* @__PURE__ */ _interopDefault(DialogContent);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -25,20 +20,6 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledContent = /* @__PURE__ */ _styled__default.default(DialogContent__default.default, process.env.NODE_ENV === "production" ? {
-  target: "e4uf5ag1"
-} : {
-  target: "e4uf5ag1",
-  label: "StyledContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU02QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4uf5ag0"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -55,7 +36,6 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvT
     flex: 1,
     overflowY: "auto"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
-exports.StyledContent = StyledContent;
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbmRlbnRDb250ZW50IH06IHsgJGluZGVudENvbnRlbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBmbGV4OiBcIm5vbmVcIixcbiAgLi4uKCRpbmRlbnRDb250ZW50ICYmIHtcbiAgICBtYXJnaW5MZWZ0OiBcIjQycHhcIixcbiAgICBwYWRkaW5nUmlnaHQ6IFwiNjJweFwiLFxuICAgIGZsZXg6IDEsXG4gICAgb3ZlcmZsb3dZOiBcImF1dG9cIixcbiAgfSksXG59KSk7XG4iXX0= */");
 exports.StyledTypography = StyledTypography;
 //# sourceMappingURL=Content.styles.cjs.map