@flipdish/portal-library 8.5.6 → 8.6.0

package/dist/components/GenericDatePickerField/GenericDateFieldBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericDateFieldBase.js","sources":["../../../src/components/GenericDatePickerField/GenericDateFieldBase.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { type TextFieldVariants } from '@mui/material/TextField';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport moment from 'moment';\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nconst StyledPickerBase = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    '& > div': {\n        width: '100%',\n    },\n}));\n\nexport type GenericDateFieldBaseProps = {\n    label: string;\n    placeholder?: string;\n    fieldName: string;\n    description?: string;\n    validation?: (value: string) => string | undefined;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldVariants;\n    disabled?: boolean;\n    disablePast?: boolean;\n    disablefuture?: boolean;\n    onChange?: (dateTime: moment.Moment) => void;\n    showHelperTextWhenValid?: boolean;\n    pickerComponent: typeof DatePicker | typeof DateTimePicker;\n};\n\nconst GenericDateFieldBase = ({\n    label,\n    fieldName,\n    description,\n    validation,\n    variant = 'standard',\n    layout,\n    onChange,\n    disabled = false,\n    disablePast = false,\n    disablefuture = false,\n    placeholder = undefined,\n    showHelperTextWhenValid = false,\n    pickerComponent: PickerComponent,\n}: GenericDateFieldBaseProps) => {\n    const theme = useTheme();\n\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText(\n                        {\n                            fieldError,\n                            showError,\n                            touched: !!touched[field.name],\n                            value: field.value,\n                        },\n                        'Valid',\n                    );\n\n                    return (\n                        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n                            <StyledPickerBase>\n                                <PickerComponent\n                                    label={variant === 'standard' ? undefined : label}\n                                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                                    value={moment.isMoment(field.value) ? field.value : moment(field.value)}\n                                    onChange={(value) => {\n                                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                                        const momentValue = moment.isMoment(value) ? value : moment(value);\n                                        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                        form.setFieldValue(field.name, momentValue);\n                                        if (onChange) {\n                                            onChange(momentValue);\n                                        }\n                                    }}\n                                    name={fieldName}\n                                    slotProps={{\n                                        textField: {\n                                            variant,\n                                            placeholder,\n                                            error: showError,\n                                            helperText: (() => {\n                                                if (showError) return helperText;\n                                                if (showHelperTextWhenValid) return helperText;\n                                                return undefined;\n                                            })(),\n                                            FormHelperTextProps: {\n                                                children: ' ',\n                                                style: { textAlign: 'right' },\n                                            },\n                                        },\n                                    }}\n                                    disabled={isSubmitting || disabled}\n                                    disablePast={disablePast}\n                                    disableFuture={disablefuture}\n                                />\n                            </StyledPickerBase>\n                            {description && (\n                                <Typography variant=\"caption\" sx={{ color: theme.palette.text.secondary }}>\n                                    {description}\n                                </Typography>\n                            )}\n                        </Box>\n                    );\n                }}\n            </Field>\n        );\n    };\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {variant === 'standard' && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericDateFieldBase;\n"],"names":["StyledPickerBase","styled","theme","marginTop","spacing","width","GenericDateFieldBase","label","fieldName","description","validation","variant","layout","onChange","disabled","disablePast","disablefuture","placeholder","showHelperTextWhenValid","pickerComponent","PickerComponent","useTheme","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","_jsxs","Box","sx","paddingRight","undefined","moment","isMoment","momentValue","setFieldValue","slotProps","textField","error","FormHelperTextProps","style","textAlign","disableFuture","Typography","color","palette","text","secondary","_Fragment","component","FormItemLayout"],"mappings":"mdAWA,MAAMA,EAAmBC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC7CC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACPC,MAAO,YAoBTC,EAAuB,EACzBC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMlB,EAAQmB,IAERC,EAAc,IAEZC,EAACC,GAAMC,KAAMjB,EAAWkB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EACf,CACIH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,OAEjB,SAGJ,OACIC,EAACC,GAAIC,GAAI,CAAEC,aAAyB,eAAX7B,EAA0B,OAAS,GAAGe,SAAA,CAC3DJ,EAACvB,EAAgB,CAAA2B,SACbJ,EAACH,EAAe,CACZb,MAAmB,aAAZI,OAAyB+B,EAAYnC,EAE5C8B,MAAOM,EAAOC,SAAShB,EAAMS,OAAST,EAAMS,MAAQM,EAAOf,EAAMS,OACjExB,SAAWwB,IAEP,MAAMQ,EAAcF,EAAOC,SAASP,GAASA,EAAQM,EAAON,GAE5DR,EAAKiB,cAAclB,EAAMH,KAAMoB,GAC3BhC,GACAA,EAASgC,IAGjBpB,KAAMjB,EACNuC,UAAW,CACPC,UAAW,CACPrC,UACAM,cACAgC,MAAOf,EACPC,WACQD,GACAhB,EADkBiB,OACtB,EAGJe,oBAAqB,CACjBvB,SAAU,IACVwB,MAAO,CAAEC,UAAW,YAIhCtC,SAAUkB,GAAgBlB,EAC1BC,YAAaA,EACbsC,cAAerC,MAGtBP,GACGc,EAAC+B,EAAU,CAAC3C,QAAQ,UAAU6B,GAAI,CAAEe,MAAOrD,EAAMsD,QAAQC,KAAKC,WAAW/B,SACpElB,UAUjC,MAAe,aAAXG,EAEI0B,EAAAqB,EAAA,CAAAhC,SAAA,CACiB,aAAZhB,GACGY,EAAC+B,EAAU,CAAC3C,QAAQ,YAAYiD,UAAU,KAAKL,MAAM,cAAa5B,SAC7DpB,IAGRe,OAKNC,EAACsC,EAAc,CAACtD,MAAOA,EAAKoB,SAAGL"}
+{"version":3,"file":"GenericDateFieldBase.js","sources":["../../../src/components/GenericDatePickerField/GenericDateFieldBase.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { type TextFieldVariants } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nimport { Field, type FieldProps } from 'formik';\nimport moment from 'moment';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\n\nconst StyledPickerBase = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  '& > div': {\n    width: '100%',\n  },\n}));\n\nexport interface GenericDateFieldBaseProps {\n  label: string;\n  placeholder?: string;\n  fieldName: string;\n  description?: string;\n  validation?: (value: string) => string | undefined;\n  layout?: 'horizontal' | 'vertical';\n  variant?: TextFieldVariants;\n  disabled?: boolean;\n  disablePast?: boolean;\n  disablefuture?: boolean;\n  onChange?: (dateTime: moment.Moment) => void;\n  showHelperTextWhenValid?: boolean;\n  pickerComponent: typeof DatePicker | typeof DateTimePicker;\n}\n\nconst GenericDateFieldBase = ({\n  label,\n  fieldName,\n  description,\n  validation,\n  variant = 'standard',\n  layout,\n  onChange,\n  disabled = false,\n  disablePast = false,\n  disablefuture = false,\n  placeholder = undefined,\n  showHelperTextWhenValid = false,\n  pickerComponent: PickerComponent,\n}: GenericDateFieldBaseProps) => {\n  const theme = useTheme();\n\n  const renderField = () => {\n    return (\n      <Field name={fieldName} validate={validation}>\n        {({ field, form }: FieldProps) => {\n          const { errors, touched, isSubmitting } = form;\n          const fieldError = errors[field.name] as string | undefined;\n          const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          const helperText = useRenderValidText(\n            {\n              fieldError,\n              showError,\n              touched: !!touched[field.name],\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              value: field.value,\n            },\n            'Valid',\n          );\n\n          return (\n            <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n              <StyledPickerBase>\n                <PickerComponent\n                  disabled={isSubmitting || disabled}\n                  disableFuture={disablefuture}\n                  disablePast={disablePast}\n                  label={variant === 'standard' ? undefined : label}\n                  name={fieldName}\n                  onChange={(value) => {\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                    const momentValue = moment.isMoment(value) ? value : moment(value);\n                    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                    form.setFieldValue(field.name, momentValue);\n                    if (onChange) {\n                      onChange(momentValue);\n                    }\n                  }}\n                  slotProps={{\n                    textField: {\n                      variant,\n                      placeholder,\n                      error: showError,\n                      helperText: (() => {\n                        if (showError) return helperText;\n                        if (showHelperTextWhenValid) return helperText;\n                        return undefined;\n                      })(),\n                      FormHelperTextProps: {\n                        children: ' ',\n                        style: { textAlign: 'right' },\n                      },\n                    },\n                  }}\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                  value={moment.isMoment(field.value) ? field.value : moment(field.value)}\n                />\n              </StyledPickerBase>\n              {description && (\n                <Typography sx={{ color: theme.palette.text.secondary }} variant=\"caption\">\n                  {description}\n                </Typography>\n              )}\n            </Box>\n          );\n        }}\n      </Field>\n    );\n  };\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {variant === 'standard' && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n            {label}\n          </Typography>\n        )}\n        {renderField()}\n      </>\n    );\n  }\n\n  return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericDateFieldBase;\n"],"names":["StyledPickerBase","styled","theme","marginTop","spacing","width","GenericDateFieldBase","label","fieldName","description","validation","variant","layout","onChange","disabled","disablePast","disablefuture","placeholder","showHelperTextWhenValid","pickerComponent","PickerComponent","useTheme","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","_jsxs","Box","sx","paddingRight","disableFuture","undefined","momentValue","moment","isMoment","setFieldValue","slotProps","textField","error","FormHelperTextProps","style","textAlign","Typography","color","palette","text","secondary","_Fragment","component","FormItemLayout"],"mappings":"mdAaA,MAAMA,EAAmBC,EAAO,MAAPA,CAAc,EAAGC,YAAO,CAC/CC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACTC,MAAO,WAoBLC,EAAuB,EAC3BC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMlB,EAAQmB,IAERC,EAAc,IAEhBC,EAACC,GAAMC,KAAMjB,EAAWkB,SAAUhB,EAAUiB,SACzC,EAAGC,QAAOC,WACT,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAE3CU,EAAaC,EACjB,CACEH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MAEzBY,MAAOT,EAAMS,OAEf,SAGF,OACEC,EAACC,EAAG,CAACC,GAAI,CAAEC,aAAyB,eAAX7B,EAA0B,OAAS,GAAGe,SAAA,CAC7DJ,EAACvB,EAAgB,CAAA2B,SACfJ,EAACH,EAAe,CACdN,SAAUkB,GAAgBlB,EAC1B4B,cAAe1B,EACfD,YAAaA,EACbR,MAAmB,aAAZI,OAAyBgC,EAAYpC,EAC5CkB,KAAMjB,EACNK,SAAWwB,IAET,MAAMO,EAAcC,EAAOC,SAAST,GAASA,EAAQQ,EAAOR,GAE5DR,EAAKkB,cAAcnB,EAAMH,KAAMmB,GAC3B/B,GACFA,EAAS+B,IAGbI,UAAW,CACTC,UAAW,CACTtC,UACAM,cACAiC,MAAOhB,EACPC,WACMD,GACAhB,EADkBiB,OACtB,EAGFgB,oBAAqB,CACnBxB,SAAU,IACVyB,MAAO,CAAEC,UAAW,YAK1BhB,MAAOQ,EAAOC,SAASlB,EAAMS,OAAST,EAAMS,MAAQQ,EAAOjB,EAAMS,WAGpE5B,GACCc,EAAC+B,EAAU,CAACd,GAAI,CAAEe,MAAOrD,EAAMsD,QAAQC,KAAKC,WAAa/C,QAAQ,UAASgB,SACvElB,UAUjB,MAAe,aAAXG,EAEA0B,EAAAqB,EAAA,CAAAhC,SAAA,CACe,aAAZhB,GACCY,EAAC+B,EAAU,CAACC,MAAM,cAAcK,UAAU,KAAKjD,QAAQ,YAAWgB,SAC/DpB,IAGJe,OAKAC,EAACsC,EAAc,CAACtD,MAAOA,EAAKoB,SAAGL"}

package/dist/components/GenericDatePickerField/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"sJAKgCA,GACrBC,EAAAA,IAACC,EAAoB,IAAKF,EAAOG,gBAAiBC,EAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\n\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n  return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"sJAMgCA,GACvBC,EAAAA,IAACC,EAAoB,IAAKF,EAAOG,gBAAiBC,EAAAA"}

package/dist/components/GenericDatePickerField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["GenericDatePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"6IAKA,MAAMA,EAA0BC,GACrBC,EAACC,EAAoB,IAAKF,EAAOG,gBAAiBC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\n\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n  return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["GenericDatePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"6IAMA,MAAMA,EAA0BC,GACvBC,EAACC,EAAoB,IAAKF,EAAOG,gBAAiBC"}

package/dist/components/GenericDateTimePickerField/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"kLAKoCA,GACzBC,EAAAA,IAACC,EAAoB,IAAKF,EAAOG,gBAAiBC,EAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nimport GenericDateFieldBase, {\n  type GenericDateFieldBaseProps,\n} from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n  return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"kLAQoCA,GAC3BC,EAAAA,IAACC,EAAoB,IAAKF,EAAOG,gBAAiBC,EAAAA"}

package/dist/components/GenericDateTimePickerField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["GenericDateTimePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"6KAKA,MAAMA,EAA8BC,GACzBC,EAACC,EAAoB,IAAKF,EAAOG,gBAAiBC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nimport GenericDateFieldBase, {\n  type GenericDateFieldBaseProps,\n} from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n  return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["GenericDateTimePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"6KAQA,MAAMA,EAA8BC,GAC3BC,EAACC,EAAoB,IAAKF,EAAOG,gBAAiBC"}

package/dist/components/GenericRadioButtons/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/Box"),i=require("@mui/material/FormControlLabel"),a=require("@mui/material/Radio"),o=require("@mui/material/RadioGroup"),t=require("@mui/material/styles"),l=require("@mui/material/Typography"),s=require("formik"),n=require("../../custom-hooks/useRenderValidText.cjs.js"),u=require("../Form/FormItemLayout/index.cjs.js"),d=require("../Spacer/index.cjs.js");const m=t.styled(r)((({theme:e})=>({marginLeft:e.spacing(4)}))),h=t.styled(l,{shouldForwardProp:e=>"showError"!==e})((({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"}))),c=({field:t,form:l,onChange:s,options:u,layout:c,showHelperTextWhenValid:x=!1})=>{const{errors:j,touched:p,isSubmitting:v}=l,g=t.value,q=j[t.name],b=!!q&&p[t.name],y=n({fieldError:q,showError:b,touched:!!p[t.name],value:g},"Valid");return e.jsxs(r,{sx:{paddingRight:"horizontal"===c?"16px":0},children:[e.jsx(o,{name:"radio-buttons-group",value:g,onChange:e=>{l.setFieldValue(t.name,e.target.value),s&&s(e)},children:u.map((r=>e.jsxs("div",{children:[e.jsx(i,{control:e.jsx(a,{}),disabled:v||r.disabled,label:r.label,value:r.value}),r.selectedContent&&t.value===r.value&&e.jsxs(m,{children:[r.selectedContent,e.jsx(d,{size:8,variant:"horizontal"})]})]},r.value)))}),e.jsx(h,{showError:b,children:b||x?y:void 0})]})};module.exports=({label:r,fieldName:i,layout:a,onChange:o,options:t,showHelperTextWhenValid:n=!1})=>{const d=()=>e.jsx(s.Field,{name:i,children:r=>e.jsx(c,{...r,layout:a,options:t,showHelperTextWhenValid:n,onChange:o})});return"vertical"===a?e.jsxs(e.Fragment,{children:[r&&e.jsx(l,{color:"textPrimary",component:"h3",variant:"subtitle1",children:r}),d()]}):e.jsx(u,{label:r,children:d()})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/Box"),i=require("@mui/material/FormControlLabel"),a=require("@mui/material/Radio"),o=require("@mui/material/RadioGroup"),t=require("@mui/material/styles"),l=require("@mui/material/Typography"),s=require("formik"),n=require("../../custom-hooks/useRenderValidText.cjs.js"),u=require("../Form/FormItemLayout/index.cjs.js"),d=require("../Spacer/index.cjs.js");const m=t.styled(r)(({theme:e})=>({marginLeft:e.spacing(4)})),h=t.styled(l,{shouldForwardProp:e=>"showError"!==e})(({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"})),c=({field:t,form:l,onChange:s,options:u,layout:c,showHelperTextWhenValid:x=!1})=>{const{errors:j,touched:p,isSubmitting:v}=l,g=t.value,q=j[t.name],b=!!q&&p[t.name],y=n({fieldError:q,showError:b,touched:!!p[t.name],value:g},"Valid");return e.jsxs(r,{sx:{paddingRight:"horizontal"===c?"16px":0},children:[e.jsx(o,{name:"radio-buttons-group",onChange:e=>{l.setFieldValue(t.name,e.target.value),s&&s(e)},value:g,children:u.map(r=>e.jsxs("div",{children:[e.jsx(i,{control:e.jsx(a,{}),disabled:v||r.disabled,label:r.label,value:r.value}),r.selectedContent&&t.value===r.value&&e.jsxs(m,{children:[r.selectedContent,e.jsx(d,{size:8,variant:"horizontal"})]})]},r.value))}),e.jsx(h,{showError:b,children:b||x?y:void 0})]})};module.exports=({label:r,fieldName:i,layout:a,onChange:o,options:t,showHelperTextWhenValid:n=!1})=>{const d=()=>e.jsx(s.Field,{name:i,children:r=>e.jsx(c,{...r,layout:a,onChange:o,options:t,showHelperTextWhenValid:n})});return"vertical"===a?e.jsxs(e.Fragment,{children:[r&&e.jsx(l,{color:"textPrimary",component:"h3",variant:"subtitle1",children:r}),d()]}):e.jsx(u,{label:r,children:d()})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/GenericRadioButtons/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface Props {\n  label?: string;\n  fieldName: string;\n  layout?: 'horizontal' | 'vertical';\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: {\n    label: string;\n    value: string;\n    disabled?: boolean;\n    selectedContent?: ReactNode;\n  }[];\n}\n\ninterface RadioButtonsComponentProps {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: Props['options'];\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError?: boolean }>(({ theme, showError }) => ({\n  color: showError ? theme.palette.error.main : 'inherit',\n  textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\n  const fieldError = errors[field.name] as string | undefined;\n  const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n  const helperText = useRenderValidText(\n    {\n      fieldError,\n      showError,\n      touched: !!touched[field.name],\n      value: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        value={fieldValue}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          // eslint-disable-next-line @typescript-eslint/no-floating-promises\n          form.setFieldValue(field.name, e.target.value);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n      >\n        {options.map((option) => (\n          <div key={option.value}>\n            <FormControlLabel\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\n            {option.selectedContent && field.value === option.value && (\n              <StyledSelectedContent>\n                {option.selectedContent}\n                <Spacer size={8} variant=\"horizontal\" />\n              </StyledSelectedContent>\n            )}\n          </div>\n        ))}\n      </RadioGroup>\n      <StyledHelperText showError={showError}>\n        {(() => {\n          if (showError) return helperText;\n          if (showHelperTextWhenValid) return helperText;\n          return undefined;\n        })()}\n      </StyledHelperText>\n    </Box>\n  );\n};\n\nconst GenericRadioButtons = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n          onChange={onChange}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n            {label}\n          </Typography>\n        )}\n        {renderField()}\n      </>\n    );\n  }\n\n  return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","_jsx","RadioGroup","e","setFieldValue","target","children","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"kcAsCA,MAAMA,EAAwBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CAClDC,WAAYD,EAAME,QAAQ,OAGtBC,EAAmBL,EAAAA,OAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,EAEG,EAAGE,QAAOO,gBAAW,CAC/CC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAAA,KAAC9B,EAAG,CAAC+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,aAC1Dc,EAAAA,IAACC,EAAU,CACTP,KAAK,sBACLF,MAAOD,EACPP,SAAWkB,IAETnB,EAAKoB,cAAcrB,EAAMY,KAAMQ,EAAEE,OAAOZ,OACpCR,GACFA,EAASkB,IAEZG,SAEApB,EAAQqB,KAAKC,GACZV,EAAAA,KAAA,MAAA,CAAAQ,SAAA,CACEL,EAAAA,IAACQ,EAAgB,CACfC,QAAST,EAAAA,IAACU,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAAA,KAAChC,EAAqB,CAAAwC,SAAA,CACnBE,EAAOM,gBACRb,EAAAA,IAACc,GAAOC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,WAgBrBQ,EAAAA,IAAC7B,EAAgB,CAACI,UAAWA,EAAS8B,SAE9B9B,GACAY,EADkBQ,OACtB,uBAQkB,EAC1BiB,QACAK,YACA/B,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAM+B,EAAc,IAClBlB,MAACmB,EAAAA,MAAK,CAACzB,KAAMuB,WACTG,GACApB,EAAAA,IAACnB,MACKuC,EACJlC,OAAQA,EACRD,QAASA,EACTE,wBAAyBA,EACzBH,SAAUA,MAMlB,MAAe,aAAXE,EAEAW,EAAAA,KAAAwB,EAAAA,SAAA,CAAAhB,SAAA,CACGO,GACCZ,EAAAA,IAAC5B,EAAU,CAACI,MAAM,cAAc8C,UAAU,KAAKN,QAAQ,YAAWX,SAC/DO,IAGJM,OAKAlB,EAAAA,IAACuB,EAAc,CAACX,MAAOA,EAAKP,SAAGa"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface Props {\n  label?: string;\n  fieldName: string;\n  layout?: 'horizontal' | 'vertical';\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: {\n    label: string;\n    value: string;\n    disabled?: boolean;\n    selectedContent?: ReactNode;\n  }[];\n}\n\ninterface RadioButtonsComponentProps {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: Props['options'];\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError?: boolean }>(({ theme, showError }) => ({\n  color: showError ? theme.palette.error.main : 'inherit',\n  textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\n  const fieldError = errors[field.name] as string | undefined;\n  const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n  const helperText = useRenderValidText(\n    {\n      fieldError,\n      showError,\n      touched: !!touched[field.name],\n      value: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          // eslint-disable-next-line @typescript-eslint/no-floating-promises\n          form.setFieldValue(field.name, e.target.value);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n        value={fieldValue}\n      >\n        {options.map((option) => (\n          <div key={option.value}>\n            <FormControlLabel\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\n            {option.selectedContent && field.value === option.value && (\n              <StyledSelectedContent>\n                {option.selectedContent}\n                <Spacer size={8} variant=\"horizontal\" />\n              </StyledSelectedContent>\n            )}\n          </div>\n        ))}\n      </RadioGroup>\n      <StyledHelperText showError={showError}>\n        {(() => {\n          if (showError) return helperText;\n          if (showHelperTextWhenValid) return helperText;\n          return undefined;\n        })()}\n      </StyledHelperText>\n    </Box>\n  );\n};\n\nconst GenericRadioButtons = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          onChange={onChange}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n            {label}\n          </Typography>\n        )}\n        {renderField()}\n      </>\n    );\n  }\n\n  return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","children","_jsx","RadioGroup","e","setFieldValue","target","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"kcAsCA,MAAMA,EAAwBC,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CAClDC,WAAYD,EAAME,QAAQ,MAGtBC,EAAmBL,EAAAA,OAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,CAEG,EAAGE,QAAOO,gBAAW,CAC/CC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,WAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAAA,KAAC9B,EAAG,CAAC+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,GAAGc,SAAA,CAC7DC,EAAAA,IAACC,EAAU,CACTR,KAAK,sBACLV,SAAWmB,IAETpB,EAAKqB,cAActB,EAAMY,KAAMS,EAAEE,OAAOb,OACpCR,GACFA,EAASmB,IAGbX,MAAOD,WAENN,EAAQqB,IAAKC,GACZV,EAAAA,KAAA,MAAA,CAAAG,SAAA,CACEC,EAAAA,IAACO,EAAgB,CACfC,QAASR,EAAAA,IAACS,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAAA,KAAChC,EAAqB,CAAAmC,SAAA,CACnBO,EAAOM,gBACRZ,EAAAA,IAACa,EAAM,CAACC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,UAgBrBS,EAAAA,IAAC9B,EAAgB,CAACI,UAAWA,EAASyB,SAE9BzB,GACAY,EADkBQ,OACtB,uBAQkB,EAC1BiB,QACAK,YACA/B,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAM+B,EAAc,IAClBjB,MAACkB,EAAAA,MAAK,CAACzB,KAAMuB,WACTG,GACAnB,EAAAA,IAACpB,MACKuC,EACJlC,OAAQA,EACRF,SAAUA,EACVC,QAASA,EACTE,wBAAyBA,MAMjC,MAAe,aAAXD,EAEAW,EAAAA,KAAAwB,EAAAA,SAAA,CAAArB,SAAA,CACGY,GACCX,EAAAA,IAAC7B,EAAU,CAACI,MAAM,cAAc8C,UAAU,KAAKN,QAAQ,YAAWhB,SAC/DY,IAGJM,OAKAjB,EAAAA,IAACsB,EAAc,CAACX,MAAOA,EAAKZ,SAAGkB"}

package/dist/components/GenericRadioButtons/index.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import"react";import t from"@mui/material/Box";import i from"@mui/material/FormControlLabel";import a from"@mui/material/Radio";import l from"@mui/material/RadioGroup";import{styled as m}from"@mui/material/styles";import n from"@mui/material/Typography";import{Field as d}from"formik";import h from"../../custom-hooks/useRenderValidText.js";import s from"../Form/FormItemLayout/index.js";import u from"../Spacer/index.js";const p=m(t)((({theme:e})=>({marginLeft:e.spacing(4)}))),c=m(n,{shouldForwardProp:e=>"showError"!==e})((({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"}))),f=({field:r,form:m,onChange:n,options:d,layout:s,showHelperTextWhenValid:f=!1})=>{const{errors:g,touched:v,isSubmitting:x}=m,b=r.value,w=g[r.name],y=!!w&&v[r.name],C=h({fieldError:w,showError:y,touched:!!v[r.name],value:b},"Valid");return e(t,{sx:{paddingRight:"horizontal"===s?"16px":0},children:[o(l,{name:"radio-buttons-group",value:b,onChange:e=>{m.setFieldValue(r.name,e.target.value),n&&n(e)},children:d.map((t=>e("div",{children:[o(i,{control:o(a,{}),disabled:x||t.disabled,label:t.label,value:t.value}),t.selectedContent&&r.value===t.value&&e(p,{children:[t.selectedContent,o(u,{size:8,variant:"horizontal"})]})]},t.value)))}),o(c,{showError:y,children:y||f?C:void 0})]})},g=({label:t,fieldName:i,layout:a,onChange:l,options:m,showHelperTextWhenValid:h=!1})=>{const u=()=>o(d,{name:i,children:e=>o(f,{...e,layout:a,options:m,showHelperTextWhenValid:h,onChange:l})});return"vertical"===a?e(r,{children:[t&&o(n,{color:"textPrimary",component:"h3",variant:"subtitle1",children:t}),u()]}):o(s,{label:t,children:u()})};export{g as default};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import"react";import t from"@mui/material/Box";import i from"@mui/material/FormControlLabel";import a from"@mui/material/Radio";import l from"@mui/material/RadioGroup";import{styled as m}from"@mui/material/styles";import n from"@mui/material/Typography";import{Field as d}from"formik";import h from"../../custom-hooks/useRenderValidText.js";import s from"../Form/FormItemLayout/index.js";import u from"../Spacer/index.js";const p=m(t)(({theme:e})=>({marginLeft:e.spacing(4)})),c=m(n,{shouldForwardProp:e=>"showError"!==e})(({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"})),f=({field:r,form:m,onChange:n,options:d,layout:s,showHelperTextWhenValid:f=!1})=>{const{errors:g,touched:v,isSubmitting:x}=m,b=r.value,w=g[r.name],y=!!w&&v[r.name],C=h({fieldError:w,showError:y,touched:!!v[r.name],value:b},"Valid");return e(t,{sx:{paddingRight:"horizontal"===s?"16px":0},children:[o(l,{name:"radio-buttons-group",onChange:e=>{m.setFieldValue(r.name,e.target.value),n&&n(e)},value:b,children:d.map(t=>e("div",{children:[o(i,{control:o(a,{}),disabled:x||t.disabled,label:t.label,value:t.value}),t.selectedContent&&r.value===t.value&&e(p,{children:[t.selectedContent,o(u,{size:8,variant:"horizontal"})]})]},t.value))}),o(c,{showError:y,children:y||f?C:void 0})]})},g=({label:t,fieldName:i,layout:a,onChange:l,options:m,showHelperTextWhenValid:h=!1})=>{const u=()=>o(d,{name:i,children:e=>o(f,{...e,layout:a,onChange:l,options:m,showHelperTextWhenValid:h})});return"vertical"===a?e(r,{children:[t&&o(n,{color:"textPrimary",component:"h3",variant:"subtitle1",children:t}),u()]}):o(s,{label:t,children:u()})};export{g as default};
 //# sourceMappingURL=index.js.map

package/dist/components/GenericRadioButtons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface Props {\n  label?: string;\n  fieldName: string;\n  layout?: 'horizontal' | 'vertical';\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: {\n    label: string;\n    value: string;\n    disabled?: boolean;\n    selectedContent?: ReactNode;\n  }[];\n}\n\ninterface RadioButtonsComponentProps {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: Props['options'];\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError?: boolean }>(({ theme, showError }) => ({\n  color: showError ? theme.palette.error.main : 'inherit',\n  textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\n  const fieldError = errors[field.name] as string | undefined;\n  const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n  const helperText = useRenderValidText(\n    {\n      fieldError,\n      showError,\n      touched: !!touched[field.name],\n      value: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        value={fieldValue}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          // eslint-disable-next-line @typescript-eslint/no-floating-promises\n          form.setFieldValue(field.name, e.target.value);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n      >\n        {options.map((option) => (\n          <div key={option.value}>\n            <FormControlLabel\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\n            {option.selectedContent && field.value === option.value && (\n              <StyledSelectedContent>\n                {option.selectedContent}\n                <Spacer size={8} variant=\"horizontal\" />\n              </StyledSelectedContent>\n            )}\n          </div>\n        ))}\n      </RadioGroup>\n      <StyledHelperText showError={showError}>\n        {(() => {\n          if (showError) return helperText;\n          if (showHelperTextWhenValid) return helperText;\n          return undefined;\n        })()}\n      </StyledHelperText>\n    </Box>\n  );\n};\n\nconst GenericRadioButtons = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n          onChange={onChange}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n            {label}\n          </Typography>\n        )}\n        {renderField()}\n      </>\n    );\n  }\n\n  return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","_jsx","RadioGroup","e","setFieldValue","target","children","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","GenericRadioButtons","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"seAsCA,MAAMA,EAAwBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAClDC,WAAYD,EAAME,QAAQ,OAGtBC,EAAmBL,EAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,EAEG,EAAGE,QAAOO,gBAAW,CAC/CC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAC9B,EAAG,CAAC+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,aAC1Dc,EAACC,EAAU,CACTP,KAAK,sBACLF,MAAOD,EACPP,SAAWkB,IAETnB,EAAKoB,cAAcrB,EAAMY,KAAMQ,EAAEE,OAAOZ,OACpCR,GACFA,EAASkB,IAEZG,SAEApB,EAAQqB,KAAKC,GACZV,EAAA,MAAA,CAAAQ,SAAA,CACEL,EAACQ,EAAgB,CACfC,QAAST,EAACU,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAChC,EAAqB,CAAAwC,SAAA,CACnBE,EAAOM,gBACRb,EAACc,GAAOC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,WAgBrBQ,EAAC7B,EAAgB,CAACI,UAAWA,EAAS8B,SAE9B9B,GACAY,EADkBQ,OACtB,QAQJsB,EAAsB,EAC1BL,QACAM,YACAhC,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAMgC,EAAc,IAClBnB,EAACoB,EAAK,CAAC1B,KAAMwB,WACTG,GACArB,EAACnB,MACKwC,EACJnC,OAAQA,EACRD,QAASA,EACTE,wBAAyBA,EACzBH,SAAUA,MAMlB,MAAe,aAAXE,EAEAW,EAAAyB,EAAA,CAAAjB,SAAA,CACGO,GACCZ,EAAC5B,EAAU,CAACI,MAAM,cAAc+C,UAAU,KAAKP,QAAQ,YAAWX,SAC/DO,IAGJO,OAKAnB,EAACwB,EAAc,CAACZ,MAAOA,EAAKP,SAAGc"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface Props {\n  label?: string;\n  fieldName: string;\n  layout?: 'horizontal' | 'vertical';\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: {\n    label: string;\n    value: string;\n    disabled?: boolean;\n    selectedContent?: ReactNode;\n  }[];\n}\n\ninterface RadioButtonsComponentProps {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  showHelperTextWhenValid?: boolean;\n  options: Props['options'];\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError?: boolean }>(({ theme, showError }) => ({\n  color: showError ? theme.palette.error.main : 'inherit',\n  textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\n  const fieldError = errors[field.name] as string | undefined;\n  const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n  const helperText = useRenderValidText(\n    {\n      fieldError,\n      showError,\n      touched: !!touched[field.name],\n      value: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          // eslint-disable-next-line @typescript-eslint/no-floating-promises\n          form.setFieldValue(field.name, e.target.value);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n        value={fieldValue}\n      >\n        {options.map((option) => (\n          <div key={option.value}>\n            <FormControlLabel\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\n            {option.selectedContent && field.value === option.value && (\n              <StyledSelectedContent>\n                {option.selectedContent}\n                <Spacer size={8} variant=\"horizontal\" />\n              </StyledSelectedContent>\n            )}\n          </div>\n        ))}\n      </RadioGroup>\n      <StyledHelperText showError={showError}>\n        {(() => {\n          if (showError) return helperText;\n          if (showHelperTextWhenValid) return helperText;\n          return undefined;\n        })()}\n      </StyledHelperText>\n    </Box>\n  );\n};\n\nconst GenericRadioButtons = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          onChange={onChange}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n            {label}\n          </Typography>\n        )}\n        {renderField()}\n      </>\n    );\n  }\n\n  return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","children","_jsx","RadioGroup","e","setFieldValue","target","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","GenericRadioButtons","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"seAsCA,MAAMA,EAAwBC,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CAClDC,WAAYD,EAAME,QAAQ,MAGtBC,EAAmBL,EAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,CAEG,EAAGE,QAAOO,gBAAW,CAC/CC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,WAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAC9B,EAAG,CAAC+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,GAAGc,SAAA,CAC7DC,EAACC,EAAU,CACTR,KAAK,sBACLV,SAAWmB,IAETpB,EAAKqB,cAActB,EAAMY,KAAMS,EAAEE,OAAOb,OACpCR,GACFA,EAASmB,IAGbX,MAAOD,WAENN,EAAQqB,IAAKC,GACZV,EAAA,MAAA,CAAAG,SAAA,CACEC,EAACO,EAAgB,CACfC,QAASR,EAACS,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAChC,EAAqB,CAAAmC,SAAA,CACnBO,EAAOM,gBACRZ,EAACa,EAAM,CAACC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,UAgBrBS,EAAC9B,EAAgB,CAACI,UAAWA,EAASyB,SAE9BzB,GACAY,EADkBQ,OACtB,QAQJsB,EAAsB,EAC1BL,QACAM,YACAhC,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAMgC,EAAc,IAClBlB,EAACmB,EAAK,CAAC1B,KAAMwB,WACTG,GACApB,EAACpB,MACKwC,EACJnC,OAAQA,EACRF,SAAUA,EACVC,QAASA,EACTE,wBAAyBA,MAMjC,MAAe,aAAXD,EAEAW,EAAAyB,EAAA,CAAAtB,SAAA,CACGY,GACCX,EAAC7B,EAAU,CAACI,MAAM,cAAc+C,UAAU,KAAKP,QAAQ,YAAWhB,SAC/DY,IAGJO,OAKAlB,EAACuB,EAAc,CAACZ,MAAOA,EAAKZ,SAAGmB"}

package/dist/components/LazyComponent/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { Suspense, type ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"+GASA,MAAMA,kCAAyBC,OAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,0BAGM,EAAGC,cACrBC,EAAAA,IAACC,EAAAA,UACGC,SACIF,EAAAA,IAACN,EAAsB,CAAAK,SACnBC,MAACG,EAAgB,CAACC,KAAM,OACHL,SAG5BA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { type ReactNode, Suspense } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ninterface LazyComponentProps {\n  children: ReactNode;\n}\n\nconst StyledLoadingContainer = styled('div')({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n  <Suspense\n    fallback={\n      <StyledLoadingContainer>\n        <CircularProgress size={56} />\n      </StyledLoadingContainer>\n    }\n  >\n    {children}\n  </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"+GASA,MAAMA,kCAAyBC,OAAO,MAAPA,CAAc,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,0BAGQ,EAAGC,cACvBC,EAAAA,IAACC,EAAAA,UACCC,SACEF,EAAAA,IAACN,EAAsB,CAAAK,SACrBC,MAACG,EAAgB,CAACC,KAAM,OACDL,SAG1BA"}

package/dist/components/LazyComponent/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-type LazyComponentProps = {
+interface LazyComponentProps {
     children: ReactNode;
-};
+}
 declare const LazyComponent: ({ children }: LazyComponentProps) => react_jsx_runtime.JSX.Element;
 
 export { LazyComponent as default };

package/dist/components/LazyComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { Suspense, type ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"qKASA,MAAMA,EAAyBC,EAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGVC,EAAgB,EAAGC,cACrBC,EAACC,GACGC,SACIF,EAACP,EAAsB,CAAAM,SACnBC,EAACG,EAAgB,CAACC,KAAM,OACHL,SAG5BA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { type ReactNode, Suspense } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ninterface LazyComponentProps {\n  children: ReactNode;\n}\n\nconst StyledLoadingContainer = styled('div')({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n  <Suspense\n    fallback={\n      <StyledLoadingContainer>\n        <CircularProgress size={56} />\n      </StyledLoadingContainer>\n    }\n  >\n    {children}\n  </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"qKASA,MAAMA,EAAyBC,EAAO,MAAPA,CAAc,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGRC,EAAgB,EAAGC,cACvBC,EAACC,GACCC,SACEF,EAACP,EAAsB,CAAAM,SACrBC,EAACG,EAAgB,CAACC,KAAM,OACDL,SAG1BA"}

package/dist/components/ListItemLink/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLink/index.tsx"],"sourcesContent":["import MuiListItem, { type ListItemProps } from '@mui/material/ListItem';\nimport { type LinkProps, Link } from 'react-router-dom';\n\ntype ListItemLinkProps = ListItemProps & LinkProps & { fdKey: string } & { button?: boolean } & { children?: React.ReactNode };\n\nconst ListItem = MuiListItem as React.ComponentType<ListItemProps & LinkProps>;\n\nconst ListItemLink = ({ fdKey, ...rest }: ListItemLinkProps) => {\n    // no Link for external URL\n    return <ListItem {...rest} data-fd={fdKey} {...(rest.to ? { component: Link } : {})} />;\n};\n\nexport default ListItemLink;\n"],"names":["ListItem","MuiListItem","fdKey","rest","_jsx","to","component","Link"],"mappings":"kHAKA,MAAMA,EAAWC,iBAEI,EAAGC,WAAUC,KAEvBC,EAAAA,IAACJ,EAAQ,IAAKG,EAAI,UAAWD,KAAYC,EAAKE,GAAK,CAAEC,UAAWC,EAAAA,MAAS,CAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLink/index.tsx"],"sourcesContent":["import MuiListItem, { type ListItemProps } from '@mui/material/ListItem';\n\nimport { Link, type LinkProps } from 'react-router-dom';\n\ntype ListItemLinkProps = LinkProps &\n  ListItemProps & { button?: boolean } & { children?: React.ReactNode } & { fdKey: string };\n\nconst ListItem = MuiListItem as React.ComponentType<LinkProps & ListItemProps>;\n\nconst ListItemLink = ({ fdKey, ...rest }: ListItemLinkProps) => {\n  // no Link for external URL\n  return <ListItem {...rest} data-fd={fdKey} {...(rest.to ? { component: Link } : {})} />;\n};\n\nexport default ListItemLink;\n"],"names":["ListItem","MuiListItem","fdKey","rest","_jsx","to","component","Link"],"mappings":"kHAOA,MAAMA,EAAWC,iBAEI,EAAGC,WAAUC,KAEzBC,EAAAA,IAACJ,EAAQ,IAAKG,EAAI,UAAWD,KAAYC,EAAKE,GAAK,CAAEC,UAAWC,EAAAA,MAAS,CAAA"}

package/dist/components/ListItemLink/index.d.ts

@@ -2,12 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ListItemProps } from '@mui/material/ListItem';
 import { LinkProps } from 'react-router-dom';
 
-type ListItemLinkProps = ListItemProps & LinkProps & {
-    fdKey: string;
-} & {
+type ListItemLinkProps = LinkProps & ListItemProps & {
     button?: boolean;
 } & {
     children?: React.ReactNode;
+} & {
+    fdKey: string;
 };
 declare const ListItemLink: ({ fdKey, ...rest }: ListItemLinkProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/ListItemLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ListItemLink/index.tsx"],"sourcesContent":["import MuiListItem, { type ListItemProps } from '@mui/material/ListItem';\nimport { type LinkProps, Link } from 'react-router-dom';\n\ntype ListItemLinkProps = ListItemProps & LinkProps & { fdKey: string } & { button?: boolean } & { children?: React.ReactNode };\n\nconst ListItem = MuiListItem as React.ComponentType<ListItemProps & LinkProps>;\n\nconst ListItemLink = ({ fdKey, ...rest }: ListItemLinkProps) => {\n    // no Link for external URL\n    return <ListItem {...rest} data-fd={fdKey} {...(rest.to ? { component: Link } : {})} />;\n};\n\nexport default ListItemLink;\n"],"names":["ListItem","MuiListItem","ListItemLink","fdKey","rest","_jsx","to","component","Link"],"mappings":"sHAKA,MAAMA,EAAWC,EAEXC,EAAe,EAAGC,WAAUC,KAEvBC,EAACL,EAAQ,IAAKI,EAAI,UAAWD,KAAYC,EAAKE,GAAK,CAAEC,UAAWC,GAAS,CAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ListItemLink/index.tsx"],"sourcesContent":["import MuiListItem, { type ListItemProps } from '@mui/material/ListItem';\n\nimport { Link, type LinkProps } from 'react-router-dom';\n\ntype ListItemLinkProps = LinkProps &\n  ListItemProps & { button?: boolean } & { children?: React.ReactNode } & { fdKey: string };\n\nconst ListItem = MuiListItem as React.ComponentType<LinkProps & ListItemProps>;\n\nconst ListItemLink = ({ fdKey, ...rest }: ListItemLinkProps) => {\n  // no Link for external URL\n  return <ListItem {...rest} data-fd={fdKey} {...(rest.to ? { component: Link } : {})} />;\n};\n\nexport default ListItemLink;\n"],"names":["ListItem","MuiListItem","ListItemLink","fdKey","rest","_jsx","to","component","Link"],"mappings":"sHAOA,MAAMA,EAAWC,EAEXC,EAAe,EAAGC,WAAUC,KAEzBC,EAACL,EAAQ,IAAKI,EAAI,UAAWD,KAAYC,EAAKE,GAAK,CAAEC,UAAWC,GAAS,CAAA"}

package/dist/components/ListItemLinkButton/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/IconButton"),i=require("@mui/material/ListItemIcon"),r=require("@mui/material/ListItemText"),l=require("@mui/material/styles/styled"),o=require("@mui/material/styles/useTheme"),a=require("@mui/material/useMediaQuery"),s=require("../../icons/ArrowRight01/index.cjs.js");const n=l(require("../ListItemLink/index.cjs.js"),{shouldForwardProp:e=>!["borderBottom"].includes(e)&&!["disabled"].includes(e)&&!["selected"].includes(e)})((({theme:e,borderBottom:t,disabled:i,selected:r})=>({borderBottom:t??`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,paddingLeft:e.spacing(4),paddingRight:e.spacing(4),"&:hover":{backgroundColor:i?e.palette.semantic.fill["fill-disabled"]:e.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},"&:focus":{backgroundColor:i?e.palette.semantic.fill["fill-disabled"]:e.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},color:e.palette.text.primary,textDecoration:"none",backgroundColor:r?e.palette.semantic.fill["fill-primary-weak"]:i?e.palette.semantic.fill["fill-disabled"]:"inherit",cursor:i?"default":"pointer"}))),d=l(i,{shouldForwardProp:e=>!["iconMargin"].includes(e)})((({iconMargin:e})=>({margin:e||"16px",marginLeft:"0",padding:"0px",minWidth:"0"}))),c=l(r)((({theme:e})=>({"& .MuiListItemText-primary":{color:e.palette.text.primary},"& .MuiListItemText-secondary":{color:e.palette.text.secondary}}))),u=({borderBottom:i,customTitle:r,customSubtitle:l,disabled:u=!1,onClick:m,title:p,subtitle:b,icon:x,iconMargin:f,hideIcon:g=!1,link:k="",isLast:y,customButton:h,iconComponent:j,dataFd:L="",isSelected:q=!1})=>{const I=o(),M=a(I.breakpoints.down("tablet")),w=!y||M,B=r||p,C=l||b;return e.jsxs(n,{button:!0,borderBottom:w?i:"none",disabled:u,divider:w,fdKey:L||`link-button-${p}`,onClick:m,selected:q,to:k,children:[x&&e.jsx(d,{iconMargin:f,children:e.jsx("img",{alt:"",src:x})}),j&&e.jsx(d,{iconMargin:f,children:j}),e.jsx(c,{primary:B,secondary:C,sx:{pr:"60px"}}),!g&&(h||e.jsx(t,{"aria-label":`link-button-${p}`,disabled:u,children:e.jsx(s,{})}))]})};exports.ListItemLinkButton=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/IconButton"),i=require("@mui/material/ListItemIcon"),r=require("@mui/material/ListItemText"),l=require("@mui/material/styles/styled"),o=require("@mui/material/styles/useTheme"),a=require("@mui/material/useMediaQuery"),s=require("../../icons/ArrowRight01/index.cjs.js");const n=l(require("../ListItemLink/index.cjs.js"),{shouldForwardProp:e=>!["borderBottom"].includes(e)&&!["disabled"].includes(e)&&!["selected"].includes(e)})(({theme:e,borderBottom:t,disabled:i,selected:r})=>({borderBottom:t??`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,paddingLeft:e.spacing(4),paddingRight:e.spacing(4),"&:hover":{backgroundColor:i?e.palette.semantic.fill["fill-disabled"]:e.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},"&:focus":{backgroundColor:i?e.palette.semantic.fill["fill-disabled"]:e.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},color:e.palette.text.primary,textDecoration:"none",backgroundColor:r?e.palette.semantic.fill["fill-primary-weak"]:i?e.palette.semantic.fill["fill-disabled"]:"inherit",cursor:i?"default":"pointer"})),d=l(i,{shouldForwardProp:e=>!["iconMargin"].includes(e)})(({iconMargin:e})=>({margin:e||"16px",marginLeft:"0",padding:"0px",minWidth:"0"})),c=l(r)(({theme:e})=>({"& .MuiListItemText-primary":{color:e.palette.text.primary},"& .MuiListItemText-secondary":{color:e.palette.text.secondary}})),u=({borderBottom:i,customTitle:r,customSubtitle:l,disabled:u=!1,onClick:m,title:p,subtitle:b,icon:x,iconMargin:f,hideIcon:g=!1,link:k="",isLast:y,customButton:h,iconComponent:j,dataFd:L="",isSelected:q=!1})=>{const I=o(),M=a(I.breakpoints.down("tablet")),w=!y||M,B=r||p,C=l||b;return e.jsxs(n,{button:!0,borderBottom:w?i:"none",disabled:u,divider:w,fdKey:L||`link-button-${p}`,onClick:m,selected:q,to:k,children:[x&&e.jsx(d,{iconMargin:f,children:e.jsx("img",{alt:"",src:x})}),j&&e.jsx(d,{iconMargin:f,children:j}),e.jsx(c,{primary:B,secondary:C,sx:{pr:"60px"}}),!g&&(h||e.jsx(t,{"aria-label":`link-button-${p}`,disabled:u,children:e.jsx(s,{})}))]})};exports.ListItemLinkButton=u,exports.default=u;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/ListItemLinkButton/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled: boolean; selected: boolean }>(({ theme, borderBottom, disabled, selected }) => ({\n  borderBottom: borderBottom ?? `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  paddingLeft: theme.spacing(4),\n  paddingRight: theme.spacing(4),\n  '&:hover': {\n    backgroundColor: disabled ? theme.palette.semantic.fill['fill-disabled'] : theme.palette.semantic.fill['fill-primary-weak'],\n    cursor: disabled ? 'default' : 'pointer',\n  },\n  '&:focus': {\n    backgroundColor: disabled ? theme.palette.semantic.fill['fill-disabled'] : theme.palette.semantic.fill['fill-primary-weak'],\n    cursor: disabled ? 'default' : 'pointer',\n  },\n  // Override link color inheritance\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  backgroundColor: selected ? theme.palette.semantic.fill['fill-primary-weak'] : disabled ? theme.palette.semantic.fill['fill-disabled'] : 'inherit',\n  // Ensure cursor is pointer when clickable, default when disabled\n  cursor: disabled ? 'default' : 'pointer',\n}));\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      onClick={onClick}\n      selected={isSelected}\n      to={link}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`} disabled={disabled}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","shouldForwardProp","prop","includes","theme","borderBottom","disabled","selected","palette","semantic","stroke","paddingLeft","spacing","paddingRight","backgroundColor","fill","cursor","color","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"kaAeA,MAAMA,EAAqBC,0CAAqB,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAF,EAKyC,EAAGI,QAAOC,eAAcC,WAAUC,eAAU,CAC9GF,aAAcA,GAAgB,aAAaD,EAAMI,QAAQC,SAASC,OAAO,iBACzEC,YAAaP,EAAMQ,QAAQ,GAC3BC,aAAcT,EAAMQ,QAAQ,GAC5B,UAAW,CACTE,gBAAiBR,EAAWF,EAAMI,QAAQC,SAASM,KAAK,iBAAmBX,EAAMI,QAAQC,SAASM,KAAK,qBACvGC,OAAQV,EAAW,UAAY,WAEjC,UAAW,CACTQ,gBAAiBR,EAAWF,EAAMI,QAAQC,SAASM,KAAK,iBAAmBX,EAAMI,QAAQC,SAASM,KAAK,qBACvGC,OAAQV,EAAW,UAAY,WAGjCW,MAAOb,EAAMI,QAAQU,KAAKC,QAC1BC,eAAgB,OAChBN,gBAAiBP,EAAWH,EAAMI,QAAQC,SAASM,KAAK,qBAAuBT,EAAWF,EAAMI,QAAQC,SAASM,KAAK,iBAAmB,UAEzIC,OAAQV,EAAW,UAAY,cAG3Be,EAAqBrB,EAAOsB,EAAc,CAC9CrB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BF,EAEK,EAAGuB,iBAAY,CAC7CC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,QAGNC,EAAqB5B,EAAO6B,EAAP7B,EAAqB,EAAGI,YAAO,CACxD,6BAA8B,CAC5Ba,MAAOb,EAAMI,QAAQU,KAAKC,SAE5B,+BAAgC,CAC9BF,MAAOb,EAAMI,QAAQU,KAAKY,eAuBjBC,EAAqB,EAChC1B,eACA2B,cACAC,iBACA3B,YAAW,EACX4B,UACAC,QACAC,WACAC,OACAd,aACAe,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMxC,EAAQyC,IACRC,EAAWC,EAAc3C,EAAM4C,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYnB,GAAeG,EAC3BiB,EAAenB,GAAkBG,EAEvC,OACEiB,EAAAA,KAACtD,EAAkB,CACjBuD,QAAM,EACNjD,aAAc6C,EAAa7C,EAAe,OAC1CC,SAAUA,EACViD,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCD,QAASA,EACT3B,SAAUqC,EACVa,GAAIlB,EAAImB,SAAA,CAEPrB,GACCsB,EAAAA,IAACtC,EAAkB,CAACE,WAAYA,EAAUmC,SACxCC,EAAAA,WAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAAAA,IAACtC,EAAkB,CAACE,WAAYA,WAAamB,IAE/DiB,EAAAA,IAAC/B,GAAmBT,QAASgC,EAAWrB,UAAWsB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAAAA,IAACK,EAAU,CAAA,aAAa,eAAe7B,IAAS7B,SAAUA,EAAQoD,SAChEC,EAAAA,IAACM,EAAkB,CAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled: boolean; selected: boolean }>(\n  ({ theme, borderBottom, disabled, selected }) => ({\n    borderBottom: borderBottom ?? `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    '&:hover': {\n      backgroundColor: disabled\n        ? theme.palette.semantic.fill['fill-disabled']\n        : theme.palette.semantic.fill['fill-primary-weak'],\n      cursor: disabled ? 'default' : 'pointer',\n    },\n    '&:focus': {\n      backgroundColor: disabled\n        ? theme.palette.semantic.fill['fill-disabled']\n        : theme.palette.semantic.fill['fill-primary-weak'],\n      cursor: disabled ? 'default' : 'pointer',\n    },\n    // Override link color inheritance\n    color: theme.palette.text.primary,\n    textDecoration: 'none',\n    backgroundColor: selected\n      ? theme.palette.semantic.fill['fill-primary-weak']\n      : disabled\n        ? theme.palette.semantic.fill['fill-disabled']\n        : 'inherit',\n    // Ensure cursor is pointer when clickable, default when disabled\n    cursor: disabled ? 'default' : 'pointer',\n  }),\n);\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      onClick={onClick}\n      selected={isSelected}\n      to={link}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`} disabled={disabled}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","shouldForwardProp","prop","includes","theme","borderBottom","disabled","selected","palette","semantic","stroke","paddingLeft","spacing","paddingRight","backgroundColor","fill","cursor","color","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"kaAeA,MAAMA,EAAqBC,0CAAqB,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAF,CAMzB,EAAGI,QAAOC,eAAcC,WAAUC,eAAU,CAC1CF,aAAcA,GAAgB,aAAaD,EAAMI,QAAQC,SAASC,OAAO,iBACzEC,YAAaP,EAAMQ,QAAQ,GAC3BC,aAAcT,EAAMQ,QAAQ,GAC5B,UAAW,CACTE,gBAAiBR,EACbF,EAAMI,QAAQC,SAASM,KAAK,iBAC5BX,EAAMI,QAAQC,SAASM,KAAK,qBAChCC,OAAQV,EAAW,UAAY,WAEjC,UAAW,CACTQ,gBAAiBR,EACbF,EAAMI,QAAQC,SAASM,KAAK,iBAC5BX,EAAMI,QAAQC,SAASM,KAAK,qBAChCC,OAAQV,EAAW,UAAY,WAGjCW,MAAOb,EAAMI,QAAQU,KAAKC,QAC1BC,eAAgB,OAChBN,gBAAiBP,EACbH,EAAMI,QAAQC,SAASM,KAAK,qBAC5BT,EACEF,EAAMI,QAAQC,SAASM,KAAK,iBAC5B,UAENC,OAAQV,EAAW,UAAY,aAI7Be,EAAqBrB,EAAOsB,EAAc,CAC9CrB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BF,CAEK,EAAGuB,iBAAY,CAC7CC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,OAGNC,EAAqB5B,EAAO6B,EAAP7B,CAAqB,EAAGI,YAAO,CACxD,6BAA8B,CAC5Ba,MAAOb,EAAMI,QAAQU,KAAKC,SAE5B,+BAAgC,CAC9BF,MAAOb,EAAMI,QAAQU,KAAKY,cAuBjBC,EAAqB,EAChC1B,eACA2B,cACAC,iBACA3B,YAAW,EACX4B,UACAC,QACAC,WACAC,OACAd,aACAe,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMxC,EAAQyC,IACRC,EAAWC,EAAc3C,EAAM4C,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYnB,GAAeG,EAC3BiB,EAAenB,GAAkBG,EAEvC,OACEiB,EAAAA,KAACtD,EAAkB,CACjBuD,QAAM,EACNjD,aAAc6C,EAAa7C,EAAe,OAC1CC,SAAUA,EACViD,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCD,QAASA,EACT3B,SAAUqC,EACVa,GAAIlB,EAAImB,SAAA,CAEPrB,GACCsB,EAAAA,IAACtC,EAAkB,CAACE,WAAYA,EAAUmC,SACxCC,EAAAA,WAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAAAA,IAACtC,EAAkB,CAACE,WAAYA,WAAamB,IAE/DiB,EAAAA,IAAC/B,GAAmBT,QAASgC,EAAWrB,UAAWsB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAAAA,IAACK,EAAU,CAAA,aAAa,eAAe7B,IAAS7B,SAAUA,EAAQoD,SAChEC,EAAAA,IAACM,EAAkB,CAAA"}

package/dist/components/ListItemLinkButton/index.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import i from"@mui/material/IconButton";import r from"@mui/material/ListItemIcon";import o from"@mui/material/ListItemText";import l from"@mui/material/styles/styled";import a from"@mui/material/styles/useTheme";import n from"@mui/material/useMediaQuery";import m from"../../icons/ArrowRight01/index.js";import d from"../ListItemLink/index.js";const s=l(d,{shouldForwardProp:t=>!["borderBottom"].includes(t)&&!["disabled"].includes(t)&&!["selected"].includes(t)})((({theme:t,borderBottom:e,disabled:i,selected:r})=>({borderBottom:e??`1px solid ${t.palette.semantic.stroke["stroke-weak"]}`,paddingLeft:t.spacing(4),paddingRight:t.spacing(4),"&:hover":{backgroundColor:i?t.palette.semantic.fill["fill-disabled"]:t.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},"&:focus":{backgroundColor:i?t.palette.semantic.fill["fill-disabled"]:t.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},color:t.palette.text.primary,textDecoration:"none",backgroundColor:r?t.palette.semantic.fill["fill-primary-weak"]:i?t.palette.semantic.fill["fill-disabled"]:"inherit",cursor:i?"default":"pointer"}))),c=l(r,{shouldForwardProp:t=>!["iconMargin"].includes(t)})((({iconMargin:t})=>({margin:t||"16px",marginLeft:"0",padding:"0px",minWidth:"0"}))),p=l(o)((({theme:t})=>({"& .MuiListItemText-primary":{color:t.palette.text.primary},"& .MuiListItemText-secondary":{color:t.palette.text.secondary}}))),u=({borderBottom:r,customTitle:o,customSubtitle:l,disabled:d=!1,onClick:u,title:f,subtitle:b,icon:g,iconMargin:k,hideIcon:x=!1,link:h="",isLast:y,customButton:L,iconComponent:w,dataFd:I="",isSelected:M=!1})=>{const B=a(),C=n(B.breakpoints.down("tablet")),T=!y||C,j=o||f,F=l||b;return t(s,{button:!0,borderBottom:T?r:"none",disabled:d,divider:T,fdKey:I||`link-button-${f}`,onClick:u,selected:M,to:h,children:[g&&e(c,{iconMargin:k,children:e("img",{alt:"",src:g})}),w&&e(c,{iconMargin:k,children:w}),e(p,{primary:j,secondary:F,sx:{pr:"60px"}}),!x&&(L||e(i,{"aria-label":`link-button-${f}`,disabled:d,children:e(m,{})}))]})};export{u as ListItemLinkButton,u as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import i from"@mui/material/IconButton";import r from"@mui/material/ListItemIcon";import o from"@mui/material/ListItemText";import l from"@mui/material/styles/styled";import a from"@mui/material/styles/useTheme";import n from"@mui/material/useMediaQuery";import m from"../../icons/ArrowRight01/index.js";import d from"../ListItemLink/index.js";const s=l(d,{shouldForwardProp:t=>!["borderBottom"].includes(t)&&!["disabled"].includes(t)&&!["selected"].includes(t)})(({theme:t,borderBottom:e,disabled:i,selected:r})=>({borderBottom:e??`1px solid ${t.palette.semantic.stroke["stroke-weak"]}`,paddingLeft:t.spacing(4),paddingRight:t.spacing(4),"&:hover":{backgroundColor:i?t.palette.semantic.fill["fill-disabled"]:t.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},"&:focus":{backgroundColor:i?t.palette.semantic.fill["fill-disabled"]:t.palette.semantic.fill["fill-primary-weak"],cursor:i?"default":"pointer"},color:t.palette.text.primary,textDecoration:"none",backgroundColor:r?t.palette.semantic.fill["fill-primary-weak"]:i?t.palette.semantic.fill["fill-disabled"]:"inherit",cursor:i?"default":"pointer"})),c=l(r,{shouldForwardProp:t=>!["iconMargin"].includes(t)})(({iconMargin:t})=>({margin:t||"16px",marginLeft:"0",padding:"0px",minWidth:"0"})),p=l(o)(({theme:t})=>({"& .MuiListItemText-primary":{color:t.palette.text.primary},"& .MuiListItemText-secondary":{color:t.palette.text.secondary}})),u=({borderBottom:r,customTitle:o,customSubtitle:l,disabled:d=!1,onClick:u,title:f,subtitle:b,icon:g,iconMargin:k,hideIcon:x=!1,link:h="",isLast:y,customButton:L,iconComponent:w,dataFd:I="",isSelected:M=!1})=>{const B=a(),C=n(B.breakpoints.down("tablet")),T=!y||C,j=o||f,F=l||b;return t(s,{button:!0,borderBottom:T?r:"none",disabled:d,divider:T,fdKey:I||`link-button-${f}`,onClick:u,selected:M,to:h,children:[g&&e(c,{iconMargin:k,children:e("img",{alt:"",src:g})}),w&&e(c,{iconMargin:k,children:w}),e(p,{primary:j,secondary:F,sx:{pr:"60px"}}),!x&&(L||e(i,{"aria-label":`link-button-${f}`,disabled:d,children:e(m,{})}))]})};export{u as ListItemLinkButton,u as default};
 //# sourceMappingURL=index.js.map

package/dist/components/ListItemLinkButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled: boolean; selected: boolean }>(({ theme, borderBottom, disabled, selected }) => ({\n  borderBottom: borderBottom ?? `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  paddingLeft: theme.spacing(4),\n  paddingRight: theme.spacing(4),\n  '&:hover': {\n    backgroundColor: disabled ? theme.palette.semantic.fill['fill-disabled'] : theme.palette.semantic.fill['fill-primary-weak'],\n    cursor: disabled ? 'default' : 'pointer',\n  },\n  '&:focus': {\n    backgroundColor: disabled ? theme.palette.semantic.fill['fill-disabled'] : theme.palette.semantic.fill['fill-primary-weak'],\n    cursor: disabled ? 'default' : 'pointer',\n  },\n  // Override link color inheritance\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  backgroundColor: selected ? theme.palette.semantic.fill['fill-primary-weak'] : disabled ? theme.palette.semantic.fill['fill-disabled'] : 'inherit',\n  // Ensure cursor is pointer when clickable, default when disabled\n  cursor: disabled ? 'default' : 'pointer',\n}));\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      onClick={onClick}\n      selected={isSelected}\n      to={link}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`} disabled={disabled}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","ListItemLink","shouldForwardProp","prop","includes","theme","borderBottom","disabled","selected","palette","semantic","stroke","paddingLeft","spacing","paddingRight","backgroundColor","fill","cursor","color","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"wZAeA,MAAMA,EAAqBC,EAAOC,EAAc,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAH,EAKyC,EAAGK,QAAOC,eAAcC,WAAUC,eAAU,CAC9GF,aAAcA,GAAgB,aAAaD,EAAMI,QAAQC,SAASC,OAAO,iBACzEC,YAAaP,EAAMQ,QAAQ,GAC3BC,aAAcT,EAAMQ,QAAQ,GAC5B,UAAW,CACTE,gBAAiBR,EAAWF,EAAMI,QAAQC,SAASM,KAAK,iBAAmBX,EAAMI,QAAQC,SAASM,KAAK,qBACvGC,OAAQV,EAAW,UAAY,WAEjC,UAAW,CACTQ,gBAAiBR,EAAWF,EAAMI,QAAQC,SAASM,KAAK,iBAAmBX,EAAMI,QAAQC,SAASM,KAAK,qBACvGC,OAAQV,EAAW,UAAY,WAGjCW,MAAOb,EAAMI,QAAQU,KAAKC,QAC1BC,eAAgB,OAChBN,gBAAiBP,EAAWH,EAAMI,QAAQC,SAASM,KAAK,qBAAuBT,EAAWF,EAAMI,QAAQC,SAASM,KAAK,iBAAmB,UAEzIC,OAAQV,EAAW,UAAY,cAG3Be,EAAqBtB,EAAOuB,EAAc,CAC9CrB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BH,EAEK,EAAGwB,iBAAY,CAC7CC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,QAGNC,EAAqB7B,EAAO8B,EAAP9B,EAAqB,EAAGK,YAAO,CACxD,6BAA8B,CAC5Ba,MAAOb,EAAMI,QAAQU,KAAKC,SAE5B,+BAAgC,CAC9BF,MAAOb,EAAMI,QAAQU,KAAKY,eAuBjBC,EAAqB,EAChC1B,eACA2B,cACAC,iBACA3B,YAAW,EACX4B,UACAC,QACAC,WACAC,OACAd,aACAe,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMxC,EAAQyC,IACRC,EAAWC,EAAc3C,EAAM4C,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYnB,GAAeG,EAC3BiB,EAAenB,GAAkBG,EAEvC,OACEiB,EAACvD,EAAkB,CACjBwD,QAAM,EACNjD,aAAc6C,EAAa7C,EAAe,OAC1CC,SAAUA,EACViD,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCD,QAASA,EACT3B,SAAUqC,EACVa,GAAIlB,EAAImB,SAAA,CAEPrB,GACCsB,EAACtC,EAAkB,CAACE,WAAYA,EAAUmC,SACxCC,SAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAACtC,EAAkB,CAACE,WAAYA,WAAamB,IAE/DiB,EAAC/B,GAAmBT,QAASgC,EAAWrB,UAAWsB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAACK,EAAU,CAAA,aAAa,eAAe7B,IAAS7B,SAAUA,EAAQoD,SAChEC,EAACM,EAAkB,CAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled: boolean; selected: boolean }>(\n  ({ theme, borderBottom, disabled, selected }) => ({\n    borderBottom: borderBottom ?? `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    '&:hover': {\n      backgroundColor: disabled\n        ? theme.palette.semantic.fill['fill-disabled']\n        : theme.palette.semantic.fill['fill-primary-weak'],\n      cursor: disabled ? 'default' : 'pointer',\n    },\n    '&:focus': {\n      backgroundColor: disabled\n        ? theme.palette.semantic.fill['fill-disabled']\n        : theme.palette.semantic.fill['fill-primary-weak'],\n      cursor: disabled ? 'default' : 'pointer',\n    },\n    // Override link color inheritance\n    color: theme.palette.text.primary,\n    textDecoration: 'none',\n    backgroundColor: selected\n      ? theme.palette.semantic.fill['fill-primary-weak']\n      : disabled\n        ? theme.palette.semantic.fill['fill-disabled']\n        : 'inherit',\n    // Ensure cursor is pointer when clickable, default when disabled\n    cursor: disabled ? 'default' : 'pointer',\n  }),\n);\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      onClick={onClick}\n      selected={isSelected}\n      to={link}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`} disabled={disabled}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","ListItemLink","shouldForwardProp","prop","includes","theme","borderBottom","disabled","selected","palette","semantic","stroke","paddingLeft","spacing","paddingRight","backgroundColor","fill","cursor","color","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"wZAeA,MAAMA,EAAqBC,EAAOC,EAAc,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAH,CAMzB,EAAGK,QAAOC,eAAcC,WAAUC,eAAU,CAC1CF,aAAcA,GAAgB,aAAaD,EAAMI,QAAQC,SAASC,OAAO,iBACzEC,YAAaP,EAAMQ,QAAQ,GAC3BC,aAAcT,EAAMQ,QAAQ,GAC5B,UAAW,CACTE,gBAAiBR,EACbF,EAAMI,QAAQC,SAASM,KAAK,iBAC5BX,EAAMI,QAAQC,SAASM,KAAK,qBAChCC,OAAQV,EAAW,UAAY,WAEjC,UAAW,CACTQ,gBAAiBR,EACbF,EAAMI,QAAQC,SAASM,KAAK,iBAC5BX,EAAMI,QAAQC,SAASM,KAAK,qBAChCC,OAAQV,EAAW,UAAY,WAGjCW,MAAOb,EAAMI,QAAQU,KAAKC,QAC1BC,eAAgB,OAChBN,gBAAiBP,EACbH,EAAMI,QAAQC,SAASM,KAAK,qBAC5BT,EACEF,EAAMI,QAAQC,SAASM,KAAK,iBAC5B,UAENC,OAAQV,EAAW,UAAY,aAI7Be,EAAqBtB,EAAOuB,EAAc,CAC9CrB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BH,CAEK,EAAGwB,iBAAY,CAC7CC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,OAGNC,EAAqB7B,EAAO8B,EAAP9B,CAAqB,EAAGK,YAAO,CACxD,6BAA8B,CAC5Ba,MAAOb,EAAMI,QAAQU,KAAKC,SAE5B,+BAAgC,CAC9BF,MAAOb,EAAMI,QAAQU,KAAKY,cAuBjBC,EAAqB,EAChC1B,eACA2B,cACAC,iBACA3B,YAAW,EACX4B,UACAC,QACAC,WACAC,OACAd,aACAe,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMxC,EAAQyC,IACRC,EAAWC,EAAc3C,EAAM4C,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYnB,GAAeG,EAC3BiB,EAAenB,GAAkBG,EAEvC,OACEiB,EAACvD,EAAkB,CACjBwD,QAAM,EACNjD,aAAc6C,EAAa7C,EAAe,OAC1CC,SAAUA,EACViD,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCD,QAASA,EACT3B,SAAUqC,EACVa,GAAIlB,EAAImB,SAAA,CAEPrB,GACCsB,EAACtC,EAAkB,CAACE,WAAYA,EAAUmC,SACxCC,SAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAACtC,EAAkB,CAACE,WAAYA,WAAamB,IAE/DiB,EAAC/B,GAAmBT,QAASgC,EAAWrB,UAAWsB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAACK,EAAU,CAAA,aAAa,eAAe7B,IAAS7B,SAAUA,EAAQoD,SAChEC,EAACM,EAAkB,CAAA"}

package/dist/components/NoResults/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/Card"),r=require("@mui/material/styles"),i=require("@mui/material/Typography");const a=r.styled("div")((({theme:e})=>({margin:e.spacing(8,"auto"),display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center"}))),n=r.styled(t)((({theme:e})=>({padding:e.spacing(2,8)})));module.exports=({title:t,caption:r,hasCardBackground:s=!1})=>{const l=()=>e.jsxs(a,{children:[e.jsx(i,{variant:"h6",gutterBottom:!0,children:t}),r&&e.jsx(i,{variant:"body2",children:r})]});return s?e.jsx(n,{children:l()}):l()};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/Card"),r=require("@mui/material/styles"),i=require("@mui/material/Typography");const a=r.styled("div")(({theme:e})=>({margin:e.spacing(8,"auto"),display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center"})),n=r.styled(t)(({theme:e})=>({padding:e.spacing(2,8)}));module.exports=({title:t,caption:r,hasCardBackground:s=!1})=>{const l=()=>e.jsxs(a,{children:[e.jsx(i,{gutterBottom:!0,variant:"h6",children:t}),r&&e.jsx(i,{variant:"body2",children:r})]});return s?e.jsx(n,{children:l()}):l()};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/NoResults/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    margin: theme.spacing(8, 'auto'),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n    padding: theme.spacing(2, 8),\n}));\n\ntype Props = {\n    title: string;\n    caption?: string;\n    hasCardBackground?: boolean;\n};\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n    const renderContent = () => {\n        return (\n            <StyledTextContainer>\n                <Typography variant=\"h6\" gutterBottom>\n                    {title}\n                </Typography>\n                {caption && <Typography variant=\"body2\">{caption}</Typography>}\n            </StyledTextContainer>\n        );\n    };\n\n    if (!hasCardBackground) {\n        return renderContent();\n    }\n\n    return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","variant","gutterBottom"],"mappings":"wJAIA,MAAMA,EAAsBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAChDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,aAGTC,EAAaT,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAO,CACtCU,QAASV,EAAME,QAAQ,EAAG,sBASZ,EAAGS,QAAOC,UAASC,qBAAoB,MACrD,MAAMC,EAAgB,IAEdC,OAACjB,EAAmB,CAAAkB,SAAA,CAChBC,EAAAA,IAACC,EAAU,CAACC,QAAQ,KAAKC,cAAY,EAAAJ,SAChCL,IAEJC,GAAWK,EAAAA,IAACC,EAAU,CAACC,QAAQ,QAAOH,SAAEJ,OAKrD,OAAKC,EAIEI,EAAAA,IAACT,EAAU,CAAAQ,SAAEF,MAHTA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n  margin: theme.spacing(8, 'auto'),\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  alignItems: 'center',\n  textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n  padding: theme.spacing(2, 8),\n}));\n\ninterface Props {\n  title: string;\n  caption?: string;\n  hasCardBackground?: boolean;\n}\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n  const renderContent = () => {\n    return (\n      <StyledTextContainer>\n        <Typography gutterBottom variant=\"h6\">\n          {title}\n        </Typography>\n        {caption && <Typography variant=\"body2\">{caption}</Typography>}\n      </StyledTextContainer>\n    );\n  };\n\n  if (!hasCardBackground) {\n    return renderContent();\n  }\n\n  return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","gutterBottom","variant"],"mappings":"wJAIA,MAAMA,EAAsBC,EAAAA,OAAO,MAAPA,CAAc,EAAGC,YAAO,CAClDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,YAGPC,EAAaT,EAAAA,OAAOU,EAAPV,CAAa,EAAGC,YAAO,CACxCU,QAASV,EAAME,QAAQ,EAAG,qBASV,EAAGS,QAAOC,UAASC,qBAAoB,MACvD,MAAMC,EAAgB,IAElBC,OAACjB,EAAmB,CAAAkB,SAAA,CAClBC,EAAAA,IAACC,EAAU,CAACC,cAAY,EAACC,QAAQ,KAAIJ,SAClCL,IAEFC,GAAWK,EAAAA,IAACC,EAAU,CAACE,QAAQ,QAAOJ,SAAEJ,OAK/C,OAAKC,EAIEI,EAAAA,IAACT,EAAU,CAAAQ,SAAEF,MAHXA"}

package/dist/components/NoResults/index.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type Props = {
+interface Props {
     title: string;
     caption?: string;
     hasCardBackground?: boolean;
-};
+}
 declare const NoResults: ({ title, caption, hasCardBackground }: Props) => react_jsx_runtime.JSX.Element;
 
 export { NoResults as default };

package/dist/components/NoResults/index.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import e from"@mui/material/Card";import{styled as i}from"@mui/material/styles";import a from"@mui/material/Typography";const n=i("div")((({theme:t})=>({margin:t.spacing(8,"auto"),display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center"}))),m=i(e)((({theme:t})=>({padding:t.spacing(2,8)}))),o=({title:e,caption:i,hasCardBackground:o=!1})=>{const c=()=>r(n,{children:[t(a,{variant:"h6",gutterBottom:!0,children:e}),i&&t(a,{variant:"body2",children:i})]});return o?t(m,{children:c()}):c()};export{o as default};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import e from"@mui/material/Card";import{styled as i}from"@mui/material/styles";import a from"@mui/material/Typography";const n=i("div")(({theme:t})=>({margin:t.spacing(8,"auto"),display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center"})),m=i(e)(({theme:t})=>({padding:t.spacing(2,8)})),o=({title:e,caption:i,hasCardBackground:o=!1})=>{const c=()=>r(n,{children:[t(a,{gutterBottom:!0,variant:"h6",children:e}),i&&t(a,{variant:"body2",children:i})]});return o?t(m,{children:c()}):c()};export{o as default};
 //# sourceMappingURL=index.js.map

package/dist/components/NoResults/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    margin: theme.spacing(8, 'auto'),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n    padding: theme.spacing(2, 8),\n}));\n\ntype Props = {\n    title: string;\n    caption?: string;\n    hasCardBackground?: boolean;\n};\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n    const renderContent = () => {\n        return (\n            <StyledTextContainer>\n                <Typography variant=\"h6\" gutterBottom>\n                    {title}\n                </Typography>\n                {caption && <Typography variant=\"body2\">{caption}</Typography>}\n            </StyledTextContainer>\n        );\n    };\n\n    if (!hasCardBackground) {\n        return renderContent();\n    }\n\n    return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","NoResults","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","variant","gutterBottom"],"mappings":"0KAIA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAChDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,aAGTC,EAAaT,EAAOU,EAAPV,EAAa,EAAGC,YAAO,CACtCU,QAASV,EAAME,QAAQ,EAAG,OASxBS,EAAY,EAAGC,QAAOC,UAASC,qBAAoB,MACrD,MAAMC,EAAgB,IAEdC,EAAClB,EAAmB,CAAAmB,SAAA,CAChBC,EAACC,EAAU,CAACC,QAAQ,KAAKC,cAAY,EAAAJ,SAChCL,IAEJC,GAAWK,EAACC,EAAU,CAACC,QAAQ,QAAOH,SAAEJ,OAKrD,OAAKC,EAIEI,EAACV,EAAU,CAAAS,SAAEF,MAHTA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n  margin: theme.spacing(8, 'auto'),\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  alignItems: 'center',\n  textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n  padding: theme.spacing(2, 8),\n}));\n\ninterface Props {\n  title: string;\n  caption?: string;\n  hasCardBackground?: boolean;\n}\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n  const renderContent = () => {\n    return (\n      <StyledTextContainer>\n        <Typography gutterBottom variant=\"h6\">\n          {title}\n        </Typography>\n        {caption && <Typography variant=\"body2\">{caption}</Typography>}\n      </StyledTextContainer>\n    );\n  };\n\n  if (!hasCardBackground) {\n    return renderContent();\n  }\n\n  return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","NoResults","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","gutterBottom","variant"],"mappings":"0KAIA,MAAMA,EAAsBC,EAAO,MAAPA,CAAc,EAAGC,YAAO,CAClDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,YAGPC,EAAaT,EAAOU,EAAPV,CAAa,EAAGC,YAAO,CACxCU,QAASV,EAAME,QAAQ,EAAG,MAStBS,EAAY,EAAGC,QAAOC,UAASC,qBAAoB,MACvD,MAAMC,EAAgB,IAElBC,EAAClB,EAAmB,CAAAmB,SAAA,CAClBC,EAACC,EAAU,CAACC,cAAY,EAACC,QAAQ,KAAIJ,SAClCL,IAEFC,GAAWK,EAACC,EAAU,CAACE,QAAQ,QAAOJ,SAAEJ,OAK/C,OAAKC,EAIEI,EAACV,EAAU,CAAAS,SAAEF,MAHXA"}

package/dist/components/NotFoundPage/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),t=require("@mui/material/Typography"),i=require("@mui/material/Box");const a=r.styled(i)((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})));module.exports=({pageNotFoundText:r})=>e.jsx(a,{children:e.jsx(t,{children:r})});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),t=require("@mui/material/styles"),i=require("@mui/material/Typography");const a=t.styled(r)(({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}));module.exports=({pageNotFoundText:r})=>e.jsx(a,{children:e.jsx(i,{children:r})});
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/NotFoundPage/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","pageNotFoundText","_jsx","children","Typography"],"mappings":"uJAIA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC9CC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAOK,EAAGC,sBAEhBC,EAAAA,IAACV,EAAmB,CAAAW,SAChBD,EAAAA,IAACE,EAAU,CAAAD,SAAEF"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n}));\n\ninterface Props {\n  pageNotFoundText: string;\n}\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n  return (\n    <StyledTextContainer>\n      <Typography>{pageNotFoundText}</Typography>\n    </StyledTextContainer>\n  );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","pageNotFoundText","_jsx","children","Typography"],"mappings":"uJAIA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CAChDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,2BAOO,EAAGC,sBAEpBC,EAAAA,IAACV,EAAmB,CAAAW,SAClBD,EAAAA,IAACE,EAAU,CAAAD,SAAEF"}

package/dist/components/NotFoundPage/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type Props = {
+interface Props {
     pageNotFoundText: string;
-};
+}
 declare const NotFoundPage: ({ pageNotFoundText }: Props) => react_jsx_runtime.JSX.Element;
 
 export { NotFoundPage as default };

package/dist/components/NotFoundPage/index.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{styled as e}from"@mui/material/styles";import r from"@mui/material/Typography";import i from"@mui/material/Box";const m=e(i)((({theme:t})=>({marginTop:t.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),o=({pageNotFoundText:e})=>t(m,{children:t(r,{children:e})});export{o as default};
+import{jsx as t}from"react/jsx-runtime";import e from"@mui/material/Box";import{styled as r}from"@mui/material/styles";import i from"@mui/material/Typography";const m=r(e)(({theme:t})=>({marginTop:t.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})),o=({pageNotFoundText:e})=>t(m,{children:t(i,{children:e})});export{o as default};
 //# sourceMappingURL=index.js.map

package/dist/components/NotFoundPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","pageNotFoundText","_jsx","children","Typography"],"mappings":"+JAIA,MAAMA,EAAsBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC9CC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAe,EAAGC,sBAEhBC,EAACX,EAAmB,CAAAY,SAChBD,EAACE,EAAU,CAAAD,SAAEF"}
+{"version":3,"file":"index.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n}));\n\ninterface Props {\n  pageNotFoundText: string;\n}\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n  return (\n    <StyledTextContainer>\n      <Typography>{pageNotFoundText}</Typography>\n    </StyledTextContainer>\n  );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","pageNotFoundText","_jsx","children","Typography"],"mappings":"+JAIA,MAAMA,EAAsBC,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CAChDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,YAORC,EAAe,EAAGC,sBAEpBC,EAACX,EAAmB,CAAAY,SAClBD,EAACE,EAAU,CAAAD,SAAEF"}

package/dist/components/PageLayout/DocumentTitle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");module.exports=({children:t})=>(e.useEffect((()=>(document.title=`${t} | Flipdish`,()=>{document.title="Flipdish Portal"})),[t]),null);
+"use strict";var e=require("react");module.exports=({children:t})=>(e.useEffect(()=>(document.title=`${t} | Flipdish`,()=>{document.title="Flipdish Portal"}),[t]),null);
 //# sourceMappingURL=DocumentTitle.cjs.js.map

package/dist/components/PageLayout/DocumentTitle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentTitle.cjs.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    useEffect(() => {\n        document.title = `${children} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["children","useEffect","document","title"],"mappings":"mDAQsB,EAAGA,eACrBC,EAAAA,WAAU,KACNC,SAASC,MAAQ,GAAGH,eACb,KACHE,SAASC,MANC,qBAQf,CAACH,IAEG"}
+{"version":3,"file":"DocumentTitle.cjs.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\ninterface Props {\n  children: string;\n}\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n  useEffect(() => {\n    document.title = `${children} | Flipdish`;\n    return () => {\n      document.title = DEFAULT_TITLE;\n    };\n  }, [children]);\n\n  return null;\n};\n\nexport default DocumentTitle;\n"],"names":["children","useEffect","document","title"],"mappings":"mDAQsB,EAAGA,eACvBC,EAAAA,UAAU,KACRC,SAASC,MAAQ,GAAGH,eACb,KACLE,SAASC,MANO,oBAQjB,CAACH,IAEG"}

package/dist/components/PageLayout/DocumentTitle.d.ts

@@ -1,6 +1,6 @@
-type Props = {
+interface Props {
     children: string;
-};
+}
 declare const DocumentTitle: ({ children }: Props) => null;
 
 export { DocumentTitle as default };

package/dist/components/PageLayout/DocumentTitle.js

@@ -1,2 +1,2 @@
-import{useEffect as t}from"react";const l=({children:l})=>(t((()=>(document.title=`${l} | Flipdish`,()=>{document.title="Flipdish Portal"})),[l]),null);export{l as default};
+import{useEffect as t}from"react";const l=({children:l})=>(t(()=>(document.title=`${l} | Flipdish`,()=>{document.title="Flipdish Portal"}),[l]),null);export{l as default};
 //# sourceMappingURL=DocumentTitle.js.map

package/dist/components/PageLayout/DocumentTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentTitle.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    useEffect(() => {\n        document.title = `${children} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["DocumentTitle","children","useEffect","document","title"],"mappings":"kCAMA,MAEMA,EAAgB,EAAGC,eACrBC,GAAU,KACNC,SAASC,MAAQ,GAAGH,eACb,KACHE,SAASC,MANC,qBAQf,CAACH,IAEG"}
+{"version":3,"file":"DocumentTitle.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\ninterface Props {\n  children: string;\n}\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n  useEffect(() => {\n    document.title = `${children} | Flipdish`;\n    return () => {\n      document.title = DEFAULT_TITLE;\n    };\n  }, [children]);\n\n  return null;\n};\n\nexport default DocumentTitle;\n"],"names":["DocumentTitle","children","useEffect","document","title"],"mappings":"kCAMA,MAEMA,EAAgB,EAAGC,eACvBC,EAAU,KACRC,SAASC,MAAQ,GAAGH,eACb,KACLE,SAASC,MANO,oBAQjB,CAACH,IAEG"}

package/dist/components/PageLayout/FullWidthContainer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("react/jsx-runtime");require("react");var a=require("@mui/material/styles");module.exports=({children:e,className:r="",fullWidth:n,fullSize:s,noTopSpace:t})=>{const g=a.useTheme(),m=a.styled("div")((()=>({...n&&{marginLeft:-20,marginRight:-20},...s&&{[g.breakpoints.up("mobile")]:{marginLeft:g.spacing(-3),marginRight:g.spacing(-3)}},...t&&{marginTop:`${g.spacing(-3)} !important`,[g.breakpoints.only("base")]:{marginTop:`${g.spacing(-2)} !important`}},[g.breakpoints.only("mobile")]:{marginLeft:g.spacing(-3),marginRight:g.spacing(-3)},[g.breakpoints.only("base")]:{marginLeft:g.spacing(-2),marginRight:g.spacing(-2)}})));return i.jsx(m,{className:r,children:e})};
+"use strict";var i=require("react/jsx-runtime");require("react");var a=require("@mui/material/styles");module.exports=({children:e,className:r="",fullWidth:n,fullSize:s,noTopSpace:t})=>{const g=a.useTheme(),m=a.styled("div")(()=>({...n&&{marginLeft:-20,marginRight:-20},...s&&{[g.breakpoints.up("mobile")]:{marginLeft:g.spacing(-3),marginRight:g.spacing(-3)}},...t&&{marginTop:`${g.spacing(-3)} !important`,[g.breakpoints.only("base")]:{marginTop:`${g.spacing(-2)} !important`}},[g.breakpoints.only("mobile")]:{marginLeft:g.spacing(-3),marginRight:g.spacing(-3)},[g.breakpoints.only("base")]:{marginLeft:g.spacing(-2),marginRight:g.spacing(-2)}}));return i.jsx(m,{className:r,children:e})};
 //# sourceMappingURL=FullWidthContainer.cjs.js.map

package/dist/components/PageLayout/FullWidthContainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullWidthContainer.cjs.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n  className?: string;\n  children: ReactNode;\n  fullWidth?: boolean;\n  fullSize?: boolean;\n  noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n  const theme = useTheme<Theme>();\n\n  const FullWidthDiv = styled('div')(() => ({\n    // Base styles\n    ...(fullWidth && {\n      marginLeft: -20,\n      marginRight: -20,\n    }),\n    ...(fullSize && {\n      [theme.breakpoints.up('mobile')]: {\n        marginLeft: theme.spacing(-3),\n        marginRight: theme.spacing(-3),\n      },\n    }),\n    ...(noTopSpace && {\n      marginTop: `${theme.spacing(-3)} !important`,\n      [theme.breakpoints.only('base')]: {\n        marginTop: `${theme.spacing(-2)} !important`,\n      },\n    }),\n    [theme.breakpoints.only('mobile')]: {\n      marginLeft: theme.spacing(-3),\n      marginRight: theme.spacing(-3),\n    },\n    [theme.breakpoints.only('base')]: {\n      marginLeft: theme.spacing(-2),\n      marginRight: theme.spacing(-2),\n    },\n  }));\n\n  return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"sHAY2B,EAAGA,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,KAAA,IAE7BN,GAAa,CACfO,YAAY,GACZC,aAAa,OAEXP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAQ,gBAC5B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAQ,kBAGhC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAIvB,OAAOG,EAAAA,IAACT,EAAY,CAACN,UAAWA,EAASD,SAAGA"}
+{"version":3,"file":"FullWidthContainer.cjs.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n  className?: string;\n  children: ReactNode;\n  fullWidth?: boolean;\n  fullSize?: boolean;\n  noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n  const theme = useTheme<Theme>();\n\n  const FullWidthDiv = styled('div')(() => ({\n    // Base styles\n    ...(fullWidth && {\n      marginLeft: -20,\n      marginRight: -20,\n    }),\n    ...(fullSize && {\n      [theme.breakpoints.up('mobile')]: {\n        marginLeft: theme.spacing(-3),\n        marginRight: theme.spacing(-3),\n      },\n    }),\n    ...(noTopSpace && {\n      marginTop: `${theme.spacing(-3)} !important`,\n      [theme.breakpoints.only('base')]: {\n        marginTop: `${theme.spacing(-2)} !important`,\n      },\n    }),\n    [theme.breakpoints.only('mobile')]: {\n      marginLeft: theme.spacing(-3),\n      marginRight: theme.spacing(-3),\n    },\n    [theme.breakpoints.only('base')]: {\n      marginLeft: theme.spacing(-2),\n      marginRight: theme.spacing(-2),\n    },\n  }));\n\n  return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"sHAY2B,EAAGA,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,OAAO,MAAPA,CAAc,KAAA,IAE7BN,GAAa,CACfO,YAAY,GACZC,aAAa,OAEXP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAQ,gBAC5B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAQ,kBAGhC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,gBAIvB,OAAOG,EAAAA,IAACT,EAAY,CAACN,UAAWA,EAASD,SAAGA"}