@erpsquad/common 1.8.105 → 1.8.107

package/dist/components/form-control/form-parser/form-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-section.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { Grid, Divider, FormControlLabel, Radio } from '@mui/material';\nimport DynamicInput from '../form-builder/form-builder-element/text';\nimport DynamicDate from '../form-builder/form-builder-element/date';\nimport DynamicTime from '../form-builder/form-builder-element/time';\nimport DynamicPhone from '../form-builder/form-builder-element/phone';\nimport DynamicSearchSelect from '../form-builder/form-builder-element/dynamic-select';\nimport DynamicMedia from '../form-builder/form-builder-element/media';\nimport DynamicInfo from '../form-builder/form-builder-element/info';\nimport DynamicToggleButton from '../form-builder/form-builder-element/toggle-button';\nimport DynamicCheckBox from '../form-builder/form-builder-element/checkbox';\nimport DynamicTable from '../form-builder/form-builder-element/table';\nimport DynamicRadioButton from '../form-builder/form-builder-element/radio-button';\nimport DynamicTagsInput from '../form-builder/form-builder-element/dynamic-tags-input';\nimport DynamicCurrency from '../form-builder/form-builder-element/dynamic-currency-input';\nimport DynamicInputSelect from '../form-builder/form-builder-element/dynamic-input-select';\nimport ChipGenerator from '../../chip-generator/chip-generator';\nimport { LocationSearchSelect } from '../../location-select';\nimport FormSwitcher from './form-switcher';\nimport Typography from '../../typography/typography';\nimport Accordion from '../../accordion/accordion';\n\n// Types for better type safety\ninterface Field {\n  name?: string;\n  label: string;\n  field_type: string;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  is_hidden?: boolean;\n  is_required?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  value?: any;\n  default_value?: any;\n  title?: string;\n  title_position?: string;\n  table_columns?: any[];\n  table_rows?: any[];\n  component?: React.ReactNode;\n  field_properties?: {\n    apiType?: string;\n    customeFilter?: any;\n    attributes?: any;\n    disabledIds?: any[];\n    sortOrder?: string;\n    maxChips?: number;\n    allowDuplicates?: boolean;\n  };\n  validation?: any;\n  filterField?: string;\n}\n\ninterface Section {\n  label?: string;\n  is_accordion?: boolean;\n  disabled?: boolean;\n  form_switcher_label?: string;\n}\n\ninterface FormSectionProps {\n  section: Section;\n  index: number;\n  members?: Field[];\n  switchForms?: any[];\n  isFormSwitcher: boolean;\n  control: any;\n  fieldArrayName: string;\n  formSwitcherName: string;\n  displayAvtar?: boolean;\n  isButton?: boolean;\n  currencyOption?: any;\n  values: any;\n  onBlur?: (e: any, fieldName?: string) => void;\n  setValue: (name: string, value: any) => void;\n  onSelectFooterClick?: (field: Field) => void;\n  getSelectedData?: (row: any, key: any) => void;\n  setCurrencyOptions: (options: any) => void;\n  refreshOptions: any;\n  handleFieldCleanUp: (forms: any[]) => void;\n  handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;\n  handleTableAddClick: (field: Field) => void;\n  onTableCellChange?: (data: any) => void;\n  // setDetailsData: (data: any) => void;\n  t: (key: string) => string;\n  images: any;\n}\n\n// Memoized field component to prevent unnecessary re-renders\nconst MemoizedField = memo(({\n  field,\n  fieldName,\n  sectionLabel,\n  index,\n  ...props\n}: {\n  field: Field;\n  fieldName: string;\n  sectionLabel?: string;\n  index: number;\n  [key: string]: any;\n}) => {\n  const gridSize = useMemo(() =>\n    field.is_fullwidth ? 12 : (field.custom_width ?? 6),\n    [field.is_fullwidth, field.custom_width]\n  );\n\n  const fieldKey = useMemo(() =>\n    `${sectionLabel}-${fieldName}-${index}`,\n    [sectionLabel, fieldName, index]\n  );\n\n  const commonProps = useMemo(() => ({\n    ...field,\n    key: fieldKey,\n    name: fieldName,\n    position: index,\n    formControl: props.control,\n    fieldArrayName: props.fieldArrayName,\n    required: field.is_required,\n    label: props.t(field.label),\n    placeholder: props.t(field.placeholder),\n    defaultValue: field.value || field.default_value,\n    disabled: field.disabled\n  }), [field, fieldName, index, fieldKey, props.control, props.fieldArrayName, props.t]);\n\n  const handleBlur = useCallback((e: any) => {\n    if (props.onBlur && typeof props.onBlur === 'function') {\n      props.onBlur(e, fieldName);\n    }\n  }, [props.onBlur, fieldName]);\n\n  const endIcon = useMemo(() => {\n    const iconMap: Record<string, string> = {\n      email: props.images.sms,\n      url: props.images.url,\n      currency: props.images.dollar,\n      geoLocation: props.images.location\n    };\n\n    const iconSrc = iconMap[field.field_type];\n    return iconSrc ? <img src={iconSrc} alt={field.field_type} /> : null;\n  }, [field.field_type, props.images]);\n\n  const relationLabel = useMemo(() => (\n    field.field_type === \"relation\" ? (\n      <span className=\"formSection--Relation\">\n        {props.t(field.label)}\n        <img src={props.images.relation} alt=\"relation\" />\n      </span>\n    ) : props.t(field.label)\n  ), [field.field_type, field.label, props.t, props.images.relation]);\n\n  // Render field based on type\n  const renderField = () => {\n    switch (field.field_type) {\n      case \"text\":\n      case \"email\":\n      case \"url\":\n      case \"currency\":\n      case \"number\":\n      case \"geoLocation\":\n      case \"relation\":\n        return (\n          <DynamicInput\n            {...commonProps}\n            key={commonProps.key}\n            label={relationLabel}\n            onBlur={handleBlur}\n            type={field.field_type}\n            endIcon={endIcon}\n            disabled={field.disabled || field.field_type === \"relation\"}\n          />\n        );\n\n      case \"date\":\n        return <DynamicDate {...commonProps} key={commonProps.key} />;\n\n      case \"time\":\n        return <DynamicTime {...commonProps} key={commonProps.key} />;\n\n      case \"phone\":\n        return (\n          <DynamicPhone\n            {...commonProps}\n            key={commonProps.key}\n            setCountryCodeField={(country: any) =>\n              props.handleSetCountryCodeField(country, field, props.fieldArrayName, props.values)\n            }\n          />\n        );\n\n      case \"select\":\n        return (\n          <DynamicSearchSelect\n            {...commonProps}\n            key={commonProps.key}\n            apiType={field.field_properties?.apiType}\n            customeFilter={field.field_properties?.customeFilter}\n            attributes={field.field_properties?.attributes}\n            disabledIds={field.field_properties?.disabledIds}\n            onChipRemove={() => props.setValue(`${props.fieldArrayName}.${fieldName}`, [])}\n            onFooterClick={() => props.onSelectFooterClick?.(field)}\n            handleOptions={props.setCurrencyOptions}\n            getSelectedData={props.getSelectedData}\n            refresh={props.refreshOptions}\n            sortOrder={field.field_properties?.sortOrder}\n            showCancelButton={field.field_properties?.showCancelButton}\n          />\n        );\n\n      case \"file\":\n      case \"image\":\n        return <DynamicMedia {...commonProps} key={commonProps.key} />;\n\n      case \"info\":\n        return <DynamicInfo {...commonProps} key={commonProps.key} />;\n\n      case \"toggleButton\":\n        return (\n          <DynamicToggleButton\n            {...commonProps}\n            key={commonProps.key}\n            titlePosition={field.title_position}\n            title={props.t(field.title)}\n          />\n        );\n\n      case \"checkbox\":\n        return (\n          <DynamicCheckBox\n            {...commonProps}\n            key={commonProps.key}\n            titlePosition={field.title_position}\n            title={props.t(field.title)}\n          />\n        );\n\n      case \"table\":\n        return (\n          <DynamicTable\n            {...commonProps}\n            key={commonProps.key}\n            columns={field.table_columns}\n            rows={field.table_rows}\n            onAddClick={() => props.handleTableAddClick(field)}\n            disableTableAddButton={Boolean(field.disableTableAddButton)}\n            is_button={props.isButton}\n            onTableCellChange={props.onTableCellChange}\n          />\n        );\n\n      case \"radioButton\":\n        return (\n          <DynamicRadioButton\n            {...commonProps}\n            key={commonProps.key}\n            titlePosition={field.title_position}\n            title={props.t(field.title)}\n          />\n        );\n\n      case \"customComponent\":\n        return field.component;\n\n      case \"tagsInput\":\n        return (\n          <DynamicTagsInput\n            {...commonProps}\n            key={commonProps.key}\n            label={relationLabel}\n            type={field.field_type}\n            endIcon={endIcon}\n          />\n        );\n\n      case \"currency_with_amount\":\n        return (\n          <DynamicCurrency\n            {...commonProps}\n            key={commonProps.key}\n            currencyType={props.currencyOption}\n          />\n        );\n\n      case \"select_with_input\":\n        return (\n          <DynamicInputSelect\n            {...commonProps}\n            currencyType={props.currencyOption}\n          />\n        );\n\n      case \"chipInput\":\n        return (\n          <ChipGenerator\n            {...commonProps}\n            key={commonProps.key}\n            maxChips={field.field_properties?.maxChips}\n            allowDuplicates={field.field_properties?.allowDuplicates}\n            validation={field.validation}\n            endIcon={endIcon}\n            onChipAdd={(chip: any) => console.log('Chip added:', chip)}\n            onChipRemove={(chip: any, index: number) => console.log('Chip removed:', chip, 'at index:', index)}\n          />\n        );\n\n      case \"location_select\":\n        return (\n          <LocationSearchSelect\n            fieldArrayName={props.fieldArrayName}\n            filterField={field.filterField}\n            getSelectedData={(row: any[]) => props.getSelectedData(row)}\n            locationFieldName={field.name}\n            addType=\"location\"\n            enable_footer={true}\n          />\n        );\n\n      default:\n        return null;\n    }\n  };\n\n  // For table fields, use full width\n  if (field.field_type === \"table\" || field.field_type === \"customComponent\") {\n    return (\n      <Grid item xs={12}>\n        {renderField()}\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid item xs={gridSize}>\n      {renderField()}\n    </Grid>\n  );\n});\n\nMemoizedField.displayName = 'MemoizedField';\n\n// Memoized FormSwitcher component\nconst MemoizedFormSwitcher = memo(({\n  section,\n  switchForms,\n  isFormSwitcher,\n  control,\n  fieldArrayName,\n  formSwitcherName,\n  handleFieldCleanUp,\n  t\n}: {\n  section: Section;\n  switchForms?: any[];\n  isFormSwitcher: boolean;\n  control: any;\n  fieldArrayName: string;\n  formSwitcherName: string;\n  handleFieldCleanUp: (forms: any[]) => void;\n  t: (key: string) => string;\n}) => {\n  const resetForm = useCallback(() => {\n    handleFieldCleanUp(switchForms || []);\n  }, [handleFieldCleanUp, switchForms]);\n\n  if (!isFormSwitcher || !switchForms?.length) return null;\n\n  return (\n    <FormSwitcher\n      {...section}\n      isFormSwitcher={isFormSwitcher}\n      control={control}\n      fieldArrayName={fieldArrayName}\n      formSwitcherName={formSwitcherName}\n      label={t(section.form_switcher_label || '')}\n      resetForm={resetForm}\n    >\n      {switchForms.map((forms: any) => (\n        <FormControlLabel\n          key={forms.id}\n          value={forms.value || forms.name}\n          control={<Radio />}\n          slotProps={{ typography: { variant: \"body2\" } }}\n          label={t(forms.name)}\n          disabled={Boolean(section.disabled)}\n        />\n      ))}\n    </FormSwitcher>\n  );\n});\n\nMemoizedFormSwitcher.displayName = 'MemoizedFormSwitcher';\n\n// Main component\nconst FormSection = memo<FormSectionProps>(({\n  section,\n  index,\n  members,\n  switchForms,\n  isFormSwitcher,\n  control,\n  fieldArrayName,\n  formSwitcherName,\n  displayAvtar,\n  isButton,\n  currencyOption,\n  values,\n  onBlur,\n  setValue,\n  onSelectFooterClick,\n  getSelectedData,\n  setCurrencyOptions,\n  refreshOptions,\n  handleFieldCleanUp,\n  handleSetCountryCodeField,\n  handleTableAddClick,\n  onTableCellChange,\n  setDetailsData,\n  t,\n  images\n}) => {\n  // Memoize visible members to prevent recalculation\n  const visibleMembers = useMemo(() =>\n    members?.filter(f => !f.is_hidden) || [],\n    [members]\n  );\n\n  // Memoize field names to prevent recalculation\n  const fieldsWithNames = useMemo(() =>\n    visibleMembers.map(field => ({\n      ...field,\n      fieldName: field.name || field.label.toLowerCase().split(\" \").join(\"_\")\n    })),\n    [visibleMembers]\n  );\n\n  // Memoize section header\n  const sectionHeader = useMemo(() => {\n    if (!section.label) return null;\n\n    return (\n      <div style={{ minHeight: \"16px\" }}>\n        {index !== 0 && <Divider className='formParser--Section--SectionDivider' />}\n        <Typography\n          type=\"s3\"\n          weight=\"medium\"\n          mb={2}\n          mt={4}\n          color=\"theme.secondary.1000\"\n          className='formParser--Section--SectionTitle'\n        >\n          {t(section.label)}\n        </Typography>\n      </div>\n    );\n  }, [section.label, index, t]);\n\n  // Avatar component\n  const avatarDisplay = useMemo(() =>\n    displayAvtar ? <div className='avtarDisplay'>ERP</div> : null,\n    [displayAvtar]\n  );\n\n  // Common props for field rendering\n  const fieldProps = useMemo(() => ({\n    control,\n    fieldArrayName,\n    isButton,\n    currencyOption,\n    values,\n    onBlur,\n    setValue,\n    onSelectFooterClick,\n    getSelectedData,\n    setCurrencyOptions,\n    refreshOptions,\n    handleSetCountryCodeField,\n    handleTableAddClick,\n    onTableCellChange,\n    setDetailsData,\n    t,\n    images\n  }), [\n    control, fieldArrayName, isButton, currencyOption, values,\n    onBlur, setValue, onSelectFooterClick, getSelectedData,\n    setCurrencyOptions, refreshOptions, handleSetCountryCodeField,\n    handleTableAddClick, onTableCellChange, setDetailsData, t, images\n  ]);\n\n  if (section.is_accordion) {\n    return (\n      <section key={index} className='formParser--Section'>\n        <div style={{ marginTop: '20px' }}>\n          <Accordion title={t(section.label || '')}>\n            <div className=\"formParser--Grid formParser--Accordion\">\n              <MemoizedFormSwitcher\n                section={section}\n                switchForms={switchForms}\n                isFormSwitcher={isFormSwitcher}\n                control={control}\n                fieldArrayName={fieldArrayName}\n                formSwitcherName={formSwitcherName}\n                handleFieldCleanUp={handleFieldCleanUp}\n                t={t}\n              />\n              {fieldsWithNames.map((field, fieldIndex) => (\n                <MemoizedField\n                  key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n                  field={field}\n                  fieldName={field.fieldName}\n                  sectionLabel={section.label}\n                  index={fieldIndex}\n                  {...fieldProps}\n                />\n              ))}\n            </div>\n          </Accordion>\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section key={index} className='formParser--Section'>\n      {sectionHeader}\n\n      <MemoizedFormSwitcher\n        section={section}\n        switchForms={switchForms}\n        isFormSwitcher={isFormSwitcher}\n        control={control}\n        fieldArrayName={fieldArrayName}\n        formSwitcherName={formSwitcherName}\n        handleFieldCleanUp={handleFieldCleanUp}\n        t={t}\n      />\n\n      <Grid container spacing={2}>\n        {avatarDisplay}\n        {fieldsWithNames.map((field, fieldIndex) => (\n          <MemoizedField\n            key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n            field={field}\n            fieldName={field.fieldName}\n            sectionLabel={section.label}\n            index={fieldIndex}\n            {...fieldProps}\n          />\n        ))}\n      </Grid>\n    </section>\n  );\n});\n\nFormSection.displayName = 'FormSection';\n\nexport { FormSection };\nexport default FormSection;"],"names":["MemoizedField","memo","field","fieldName","sectionLabel","index","props","gridSize","useMemo","is_fullwidth","custom_width","fieldKey","commonProps","key","name","position","formControl","control","fieldArrayName","required","is_required","label","t","placeholder","defaultValue","value","default_value","disabled","handleBlur","useCallback","e","onBlur","endIcon","iconSrc","email","images","sms","url","currency","dollar","geoLocation","location","field_type","src","alt","relationLabel","jsxs","className","children","relation","renderField","createElement","DynamicInput","type","DynamicDate","DynamicTime","DynamicPhone","setCountryCodeField","country","handleSetCountryCodeField","values","DynamicSearchSelect","apiType","_a","field_properties","customeFilter","_b","attributes","_c","disabledIds","_d","onChipRemove","setValue","onFooterClick","onSelectFooterClick","call","handleOptions","setCurrencyOptions","getSelectedData","refresh","refreshOptions","sortOrder","_e","showCancelButton","_f","DynamicMedia","DynamicInfo","DynamicToggleButton","titlePosition","title_position","title","DynamicCheckBox","DynamicTable","columns","table_columns","rows","table_rows","onAddClick","handleTableAddClick","disableTableAddButton","Boolean","is_button","isButton","onTableCellChange","DynamicRadioButton","component","DynamicTagsInput","DynamicCurrency","currencyType","currencyOption","jsx","DynamicInputSelect","ChipGenerator","maxChips","_g","allowDuplicates","_h","validation","onChipAdd","chip","LocationSearchSelect","filterField","row","locationFieldName","addType","enable_footer","Grid","item","xs","displayName","MemoizedFormSwitcher","section","switchForms","isFormSwitcher","formSwitcherName","handleFieldCleanUp","resetForm","length","FormSwitcher","form_switcher_label","map","forms","FormControlLabel","Radio","slotProps","typography","variant","id","FormSection","members","displayAvtar","setDetailsData","visibleMembers","filter","f","is_hidden","fieldsWithNames","toLowerCase","split","join","sectionHeader","style","minHeight","Divider","Typography","weight","mb","mt","color","avatarDisplay","fieldProps","is_accordion","marginTop","Accordion","fieldIndex","container","spacing"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-section.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { Grid, Divider, FormControlLabel, Radio } from '@mui/material';\nimport DynamicInput from '../form-builder/form-builder-element/text';\nimport DynamicDate from '../form-builder/form-builder-element/date';\nimport DynamicTime from '../form-builder/form-builder-element/time';\nimport DynamicPhone from '../form-builder/form-builder-element/phone';\nimport DynamicSearchSelect from '../form-builder/form-builder-element/dynamic-select';\nimport DynamicMedia from '../form-builder/form-builder-element/media';\nimport DynamicInfo from '../form-builder/form-builder-element/info';\nimport DynamicToggleButton from '../form-builder/form-builder-element/toggle-button';\nimport DynamicCheckBox from '../form-builder/form-builder-element/checkbox';\nimport DynamicTable from '../form-builder/form-builder-element/table';\nimport DynamicRadioButton from '../form-builder/form-builder-element/radio-button';\nimport DynamicTagsInput from '../form-builder/form-builder-element/dynamic-tags-input';\nimport DynamicCurrency from '../form-builder/form-builder-element/dynamic-currency-input';\nimport DynamicInputSelect from '../form-builder/form-builder-element/dynamic-input-select';\nimport ChipGenerator from '../../chip-generator/chip-generator';\nimport { LocationSearchSelect } from '../../location-select';\nimport FormSwitcher from './form-switcher';\nimport Typography from '../../typography/typography';\nimport Accordion from '../../accordion/accordion';\n\n// Types for better type safety\ninterface Field {\n  name?: string;\n  label: string;\n  field_type: string;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  is_hidden?: boolean;\n  is_required?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  value?: any;\n  default_value?: any;\n  title?: string;\n  title_position?: string;\n  table_columns?: any[];\n  table_rows?: any[];\n  component?: React.ReactNode;\n  field_properties?: {\n    apiType?: string;\n    customeFilter?: any;\n    attributes?: any;\n    disabledIds?: any[];\n    sortOrder?: string;\n    maxChips?: number;\n    allowDuplicates?: boolean;\n  };\n  validation?: any;\n  filterField?: string;\n}\n\ninterface Section {\n  label?: string;\n  is_accordion?: boolean;\n  disabled?: boolean;\n  form_switcher_label?: string;\n}\n\ninterface FormSectionProps {\n  section: Section;\n  index: number;\n  members?: Field[];\n  switchForms?: any[];\n  isFormSwitcher: boolean;\n  control: any;\n  fieldArrayName: string;\n  formSwitcherName: string;\n  displayAvtar?: boolean;\n  isButton?: boolean;\n  currencyOption?: any;\n  values: any;\n  onBlur?: (e: any, fieldName?: string) => void;\n  setValue: (name: string, value: any) => void;\n  onSelectFooterClick?: (field: Field) => void;\n  getSelectedData?: (row: any, key: any) => void;\n  setCurrencyOptions: (options: any) => void;\n  refreshOptions: any;\n  handleFieldCleanUp: (forms: any[]) => void;\n  handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;\n  handleTableAddClick: (field: Field) => void;\n  onTableCellChange?: (data: any) => void;\n  // setDetailsData: (data: any) => void;\n  t: (key: string) => string;\n  images: any;\n}\n\n// Memoized field component to prevent unnecessary re-renders\nconst MemoizedField = memo(({ \n  field, \n  fieldName, \n  sectionLabel, \n  index, \n  ...props \n}: { \n  field: Field; \n  fieldName: string; \n  sectionLabel?: string; \n  index: number; \n  [key: string]: any;\n}) => {\n  const gridSize = useMemo(() => \n    field.is_fullwidth ? 12 : (field.custom_width ?? 6),\n    [field.is_fullwidth, field.custom_width]\n  );\n\n  const fieldKey = useMemo(() => \n    `${sectionLabel}-${fieldName}-${index}`,\n    [sectionLabel, fieldName, index]\n  );\n\n  const commonProps = useMemo(() => ({\n    ...field,\n    key: fieldKey,\n    name: fieldName,\n    position: index,\n    formControl: props.control,\n    fieldArrayName: props.fieldArrayName,\n    required: field.is_required,\n    label: props.t(field.label),\n    placeholder: props.t(field.placeholder),\n    defaultValue: field.value || field.default_value,\n    disabled: field.disabled\n  }), [field, fieldName, index, fieldKey, props.control, props.fieldArrayName, props.t]);\n\n  const handleBlur = useCallback((e: any) => {\n    if (props.onBlur && typeof props.onBlur === 'function') {\n      props.onBlur(e, fieldName);\n    }\n  }, [props.onBlur, fieldName]);\n\n  const endIcon = useMemo(() => {\n    const iconMap: Record<string, string> = {\n      email: props.images.sms,\n      url: props.images.url,\n      currency: props.images.dollar,\n      geoLocation: props.images.location\n    };\n    \n    const iconSrc = iconMap[field.field_type];\n    return iconSrc ? <img src={iconSrc} alt={field.field_type} /> : null;\n  }, [field.field_type, props.images]);\n\n  const relationLabel = useMemo(() => (\n    field.field_type === \"relation\" ? (\n      <span className=\"formSection--Relation\">\n        {props.t(field.label)}\n        <img src={props.images.relation} alt=\"relation\" />\n      </span>\n    ) : props.t(field.label)\n  ), [field.field_type, field.label, props.t, props.images.relation]);\n\n  // Render field based on type\n  const renderField = () => {\n    switch (field.field_type) {\n      case \"text\":\n      case \"email\":\n      case \"url\":\n      case \"currency\":\n      case \"number\":\n      case \"geoLocation\":\n      case \"relation\":\n        return (\n          <DynamicInput\n            {...commonProps}\n            key={commonProps.key}\n            label={relationLabel}\n            onBlur={handleBlur}\n            type={field.field_type}\n            endIcon={endIcon}\n            disabled={field.disabled || field.field_type === \"relation\"}\n          />\n        );\n\n      case \"date\":\n        return <DynamicDate {...commonProps} key={commonProps.key}/>;\n\n      case \"time\":\n        return <DynamicTime {...commonProps} key={commonProps.key}/>;\n\n      case \"phone\":\n        return (\n          <DynamicPhone\n            {...commonProps}\n            key={commonProps.key}\n            setCountryCodeField={(country: any) =>\n              props.handleSetCountryCodeField(country, field, props.fieldArrayName, props.values)\n            }\n          />\n        );\n\n      case \"select\":\n        return (\n          <DynamicSearchSelect\n            {...commonProps}\n            key={commonProps.key}\n            apiType={field.field_properties?.apiType}\n            customeFilter={field.field_properties?.customeFilter}\n            attributes={field.field_properties?.attributes}\n            disabledIds={field.field_properties?.disabledIds}\n            onChipRemove={() => props.setValue(`${props.fieldArrayName}.${fieldName}`, [])}\n            onFooterClick={() => props.onSelectFooterClick?.(field)}\n            handleOptions={props.setCurrencyOptions}\n            getSelectedData={props.getSelectedData}\n            refresh={props.refreshOptions}\n            sortOrder={field.field_properties?.sortOrder}\n          />\n        );\n\n      case \"file\":\n      case \"image\":\n        return <DynamicMedia {...commonProps} key={commonProps.key}/>;\n\n      case \"info\":\n        return <DynamicInfo {...commonProps} key={commonProps.key}/>;\n\n      case \"toggleButton\":\n        return (\n          <DynamicToggleButton\n            {...commonProps}\n            key={commonProps.key}\n            titlePosition={field.title_position}\n            title={props.t(field.title)}\n          />\n        );\n\n      case \"checkbox\":\n        return (\n          <DynamicCheckBox\n            {...commonProps}\n            key={commonProps.key}\n            titlePosition={field.title_position}\n            title={props.t(field.title)}\n          />\n        );\n\n      case \"table\":\n        return (\n          <DynamicTable\n            {...commonProps}\n            key={commonProps.key}\n            columns={field.table_columns}\n            rows={field.table_rows}\n            onAddClick={() => props.handleTableAddClick(field)}\n            disableTableAddButton={Boolean(field.disableTableAddButton)}\n            is_button={props.isButton}\n            onTableCellChange={props.onTableCellChange}\n          />\n        );\n\n      case \"radioButton\":\n        return (\n          <DynamicRadioButton\n            {...commonProps}\n            key={commonProps.key}\n            titlePosition={field.title_position}\n            title={props.t(field.title)}\n          />\n        );\n\n      case \"customComponent\":\n        return field.component;\n\n      case \"tagsInput\":\n        return (\n          <DynamicTagsInput\n            {...commonProps}\n            key={commonProps.key}\n            label={relationLabel}\n            type={field.field_type}\n            endIcon={endIcon}\n          />\n        );\n\n      case \"currency_with_amount\":\n        return (\n          <DynamicCurrency\n            {...commonProps}\n            key={commonProps.key}\n            currencyType={props.currencyOption}\n          />\n        );\n\n      case \"select_with_input\":\n        return (\n          <DynamicInputSelect\n            {...commonProps}\n            currencyType={props.currencyOption}\n          />\n        );\n\n      case \"chipInput\":\n        return (\n          <ChipGenerator\n            {...commonProps}\n            key={commonProps.key}\n            maxChips={field.field_properties?.maxChips}\n            allowDuplicates={field.field_properties?.allowDuplicates}\n            validation={field.validation}\n            endIcon={endIcon}\n            onChipAdd={(chip: any) => console.log('Chip added:', chip)}\n            onChipRemove={(chip: any, index: number) => console.log('Chip removed:', chip, 'at index:', index)}\n          />\n        );\n\n      case \"location_select\":\n        return (\n          <LocationSearchSelect\n            fieldArrayName={props.fieldArrayName}\n            filterField={field.filterField}\n            getSelectedData={(row: any[]) => props.getSelectedData(row)}\n            locationFieldName={field.name}\n            addType=\"location\"\n            enable_footer={true}\n          />\n        );\n\n      default:\n        return null;\n    }\n  };\n\n  // For table fields, use full width\n  if (field.field_type === \"table\" || field.field_type === \"customComponent\") {\n    return (\n      <Grid item xs={12}>\n        {renderField()}\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid item xs={gridSize}>\n      {renderField()}\n    </Grid>\n  );\n});\n\nMemoizedField.displayName = 'MemoizedField';\n\n// Memoized FormSwitcher component\nconst MemoizedFormSwitcher = memo(({ \n  section, \n  switchForms, \n  isFormSwitcher, \n  control, \n  fieldArrayName, \n  formSwitcherName, \n  handleFieldCleanUp, \n  t \n}: {\n  section: Section;\n  switchForms?: any[];\n  isFormSwitcher: boolean;\n  control: any;\n  fieldArrayName: string;\n  formSwitcherName: string;\n  handleFieldCleanUp: (forms: any[]) => void;\n  t: (key: string) => string;\n}) => {\n  const resetForm = useCallback(() => {\n    handleFieldCleanUp(switchForms || []);\n  }, [handleFieldCleanUp, switchForms]);\n\n  if (!isFormSwitcher || !switchForms?.length) return null;\n\n  return (\n    <FormSwitcher\n      {...section}\n      isFormSwitcher={isFormSwitcher}\n      control={control}\n      fieldArrayName={fieldArrayName}\n      formSwitcherName={formSwitcherName}\n      label={t(section.form_switcher_label || '')}\n      resetForm={resetForm}\n    >\n      {switchForms.map((forms: any) => (\n        <FormControlLabel\n          key={forms.id}\n          value={forms.value || forms.name}\n          control={<Radio />}\n          slotProps={{ typography: { variant: \"body2\" } }}\n          label={t(forms.name)}\n          disabled={Boolean(section.disabled)}\n        />\n      ))}\n    </FormSwitcher>\n  );\n});\n\nMemoizedFormSwitcher.displayName = 'MemoizedFormSwitcher';\n\n// Main component\nconst FormSection = memo<FormSectionProps>(({\n  section,\n  index,\n  members,\n  switchForms,\n  isFormSwitcher,\n  control,\n  fieldArrayName,\n  formSwitcherName,\n  displayAvtar,\n  isButton,\n  currencyOption,\n  values,\n  onBlur,\n  setValue,\n  onSelectFooterClick,\n  getSelectedData,\n  setCurrencyOptions,\n  refreshOptions,\n  handleFieldCleanUp,\n  handleSetCountryCodeField,\n  handleTableAddClick,\n  onTableCellChange,\n  setDetailsData,\n  t,\n  images\n}) => {\n  // Memoize visible members to prevent recalculation\n  const visibleMembers = useMemo(() => \n    members?.filter(f => !f.is_hidden) || [],\n    [members]\n  );\n\n  // Memoize field names to prevent recalculation\n  const fieldsWithNames = useMemo(() => \n    visibleMembers.map(field => ({\n      ...field,\n      fieldName: field.name || field.label.toLowerCase().split(\" \").join(\"_\")\n    })),\n    [visibleMembers]\n  );\n\n  // Memoize section header\n  const sectionHeader = useMemo(() => {\n    if (!section.label) return null;\n    \n    return (\n      <div style={{ minHeight: \"16px\" }}>\n        {index !== 0 && <Divider className='formParser--Section--SectionDivider' />}\n        <Typography\n          type=\"s3\"\n          weight=\"medium\"\n          mb={2}\n          mt={4}\n          color=\"theme.secondary.1000\"\n          className='formParser--Section--SectionTitle'\n        >\n          {t(section.label)}\n        </Typography>\n      </div>\n    );\n  }, [section.label, index, t]);\n\n  // Avatar component\n  const avatarDisplay = useMemo(() => \n    displayAvtar ? <div className='avtarDisplay'>ERP</div> : null,\n    [displayAvtar]\n  );\n\n  // Common props for field rendering\n  const fieldProps = useMemo(() => ({\n    control,\n    fieldArrayName,\n    isButton,\n    currencyOption,\n    values,\n    onBlur,\n    setValue,\n    onSelectFooterClick,\n    getSelectedData,\n    setCurrencyOptions,\n    refreshOptions,\n    handleSetCountryCodeField,\n    handleTableAddClick,\n    onTableCellChange,\n    setDetailsData,\n    t,\n    images\n  }), [\n    control, fieldArrayName, isButton, currencyOption, values,\n    onBlur, setValue, onSelectFooterClick, getSelectedData,\n    setCurrencyOptions, refreshOptions, handleSetCountryCodeField,\n    handleTableAddClick, onTableCellChange, setDetailsData, t, images\n  ]);\n\n  if (section.is_accordion) {\n    return (\n      <section key={index} className='formParser--Section'>\n        <div style={{ marginTop: '20px' }}>\n          <Accordion title={t(section.label || '')}>\n            <div className=\"formParser--Grid formParser--Accordion\">\n              <MemoizedFormSwitcher\n                section={section}\n                switchForms={switchForms}\n                isFormSwitcher={isFormSwitcher}\n                control={control}\n                fieldArrayName={fieldArrayName}\n                formSwitcherName={formSwitcherName}\n                handleFieldCleanUp={handleFieldCleanUp}\n                t={t}\n              />\n              {fieldsWithNames.map((field, fieldIndex) => (\n                <MemoizedField\n                  key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n                  field={field}\n                  fieldName={field.fieldName}\n                  sectionLabel={section.label}\n                  index={fieldIndex}\n                  {...fieldProps}\n                />\n              ))}\n            </div>\n          </Accordion>\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section key={index} className='formParser--Section'>\n      {sectionHeader}\n      \n      <MemoizedFormSwitcher\n        section={section}\n        switchForms={switchForms}\n        isFormSwitcher={isFormSwitcher}\n        control={control}\n        fieldArrayName={fieldArrayName}\n        formSwitcherName={formSwitcherName}\n        handleFieldCleanUp={handleFieldCleanUp}\n        t={t}\n      />\n\n      <Grid container spacing={2}>\n        {avatarDisplay}\n        {fieldsWithNames.map((field, fieldIndex) => (\n          <MemoizedField\n            key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n            field={field}\n            fieldName={field.fieldName}\n            sectionLabel={section.label}\n            index={fieldIndex}\n            {...fieldProps}\n          />\n        ))}\n      </Grid>\n    </section>\n  );\n});\n\nFormSection.displayName = 'FormSection';\n\nexport { FormSection };\nexport default FormSection;"],"names":["MemoizedField","memo","field","fieldName","sectionLabel","index","props","gridSize","useMemo","is_fullwidth","custom_width","fieldKey","commonProps","key","name","position","formControl","control","fieldArrayName","required","is_required","label","t","placeholder","defaultValue","value","default_value","disabled","handleBlur","useCallback","e","onBlur","endIcon","iconSrc","email","images","sms","url","currency","dollar","geoLocation","location","field_type","src","alt","relationLabel","jsxs","className","children","relation","renderField","createElement","DynamicInput","type","DynamicDate","DynamicTime","DynamicPhone","setCountryCodeField","country","handleSetCountryCodeField","values","DynamicSearchSelect","apiType","_a","field_properties","customeFilter","_b","attributes","_c","disabledIds","_d","onChipRemove","setValue","onFooterClick","onSelectFooterClick","call","handleOptions","setCurrencyOptions","getSelectedData","refresh","refreshOptions","sortOrder","_e","DynamicMedia","DynamicInfo","DynamicToggleButton","titlePosition","title_position","title","DynamicCheckBox","DynamicTable","columns","table_columns","rows","table_rows","onAddClick","handleTableAddClick","disableTableAddButton","Boolean","is_button","isButton","onTableCellChange","DynamicRadioButton","component","DynamicTagsInput","DynamicCurrency","currencyType","currencyOption","jsx","DynamicInputSelect","ChipGenerator","maxChips","_f","allowDuplicates","_g","validation","onChipAdd","chip","LocationSearchSelect","filterField","row","locationFieldName","addType","enable_footer","Grid","item","xs","displayName","MemoizedFormSwitcher","section","switchForms","isFormSwitcher","formSwitcherName","handleFieldCleanUp","resetForm","length","FormSwitcher","form_switcher_label","map","forms","FormControlLabel","Radio","slotProps","typography","variant","id","FormSection","members","displayAvtar","setDetailsData","visibleMembers","filter","f","is_hidden","fieldsWithNames","toLowerCase","split","join","sectionHeader","style","minHeight","Divider","Typography","weight","mb","mt","color","avatarDisplay","fieldProps","is_accordion","marginTop","Accordion","fieldIndex","container","spacing"],"mappings":"6qDA0FA,MAAMA,EAAgBC,EAAAA,KAAK,EACzBC,QACAC,YACAC,eACAC,WACGC,MAQH,MAAMC,EAAWC,EAAAA,QAAQ,IACvBN,EAAMO,aAAe,GAAMP,EAAMQ,cAAgB,EACjD,CAACR,EAAMO,aAAcP,EAAMQ,eAGvBC,EAAWH,EAAAA,QAAQ,IACvB,GAAGJ,KAAgBD,KAAaE,IAChC,CAACD,EAAcD,EAAWE,IAGtBO,EAAcJ,EAAAA,QAAQ,KAAA,IACvBN,EACHW,IAAKF,EACLG,KAAMX,EACNY,SAAUV,EACVW,YAAaV,EAAMW,QACnBC,eAAgBZ,EAAMY,eACtBC,SAAUjB,EAAMkB,YAChBC,MAAOf,EAAMgB,EAAEpB,EAAMmB,OACrBE,YAAajB,EAAMgB,EAAEpB,EAAMqB,aAC3BC,aAActB,EAAMuB,OAASvB,EAAMwB,cACnCC,SAAUzB,EAAMyB,WACd,CAACzB,EAAOC,EAAWE,EAAOM,EAAUL,EAAMW,QAASX,EAAMY,eAAgBZ,EAAMgB,IAE7EM,EAAaC,cAAaC,IAC1BxB,EAAMyB,QAAkC,mBAAjBzB,EAAMyB,QAC/BzB,EAAMyB,OAAOD,EAAG3B,IAEjB,CAACG,EAAMyB,OAAQ5B,IAEZ6B,EAAUxB,EAAAA,QAAQ,KACtB,MAOMyB,EAPkC,CACtCC,MAAO5B,EAAM6B,OAAOC,IACpBC,IAAK/B,EAAM6B,OAAOE,IAClBC,SAAUhC,EAAM6B,OAAOI,OACvBC,YAAalC,EAAM6B,OAAOM,UAGJvC,EAAMwC,YAC9B,OAAOT,uBAAW,MAAA,CAAIU,IAAKV,EAASW,IAAK1C,EAAMwC,aAAiB,MAC/D,CAACxC,EAAMwC,WAAYpC,EAAM6B,SAEtBU,EAAgBrC,EAAAA,QAAQ,IACP,aAArBN,EAAMwC,0BACJI,EAAAA,KAAC,OAAA,CAAKC,UAAU,wBACbC,SAAA,CAAA1C,EAAMgB,EAAEpB,EAAMmB;qBACd,MAAA,CAAIsB,IAAKrC,EAAM6B,OAAOc,SAAUL,IAAI,gBAErCtC,EAAMgB,EAAEpB,EAAMmB,OACjB,CAACnB,EAAMwC,WAAYxC,EAAMmB,MAAOf,EAAMgB,EAAGhB,EAAM6B,OAAOc,WAGnDC,EAAc,uBAClB,OAAQhD,EAAMwC,YACZ,IAAK,OACL,IAAK,QACL,IAAK,MACL,IAAK,WACL,IAAK,SACL,IAAK,cACL,IAAK;AACH,OACES,EAAAA,cAACC,EAAAA,aAAA,IACKxC,EACJC,IAAKD,EAAYC,IACjBQ,MAAOwB,EACPd,OAAQH,EACRyB,KAAMnD,EAAMwC,WACZV,UACAL,SAAUzB,EAAMyB,UAAiC,aAArBzB,EAAMwC,aAIxC,IAAK;AACH,uBAAQY,EAAAA,YAAA,IAAgB1C,EAAaC,IAAKD,EAAYC,MAExD,IAAK;AACH,uBAAQ0C,EAAAA,YAAA,IAAgB3C,EAAaC,IAAKD,EAAYC,MAExD,IAAK;AACH,OACEsC,EAAAA,cAACK,EAAAA,aAAA,IACK5C,EACJC,IAAKD,EAAYC,IACjB4C,oBAAsBC,GACpBpD,EAAMqD,0BAA0BD,EAASxD,EAAOI,EAAMY,eAAgBZ,EAAMsD,UAKpF,IAAK;AACH,OACET,EAAAA,cAACU,EAAAA,QAAA,IACKjD,EACJC,IAAKD,EAAYC,IACjBiD,QAAS,OAAAC,EAAA7D,EAAM8D,uBAAN,EAAAD,EAAwBD,QACjCG,cAAe,OAAAC,EAAAhE,EAAM8D,uBAAN,EAAAE,EAAwBD,cACvCE,WAAY,OAAAC,EAAAlE,EAAM8D,uBAAN,EAAAI,EAAwBD,WACpCE,YAAa,OAAAC,EAAApE,EAAM8D,uBAAN,EAAAM,EAAwBD,YACrCE,aAAc,IAAMjE,EAAMkE,SAAS,GAAGlE,EAAMY,kBAAkBf,IAAa,IAC3EsE,cAAe,WAAM,OAAA,OAAAV,EAAAzD,EAAMoE,0BAAN,EAAAX,EAAAY,KAAArE,EAA4BJ,IACjD0E,cAAetE,EAAMuE,mBACrBC,gBAAiBxE,EAAMwE,gBACvBC,QAASzE,EAAM0E,eACfC,UAAW,OAAAC,EAAAhF,EAAM8D,uBAAN,EAAAkB,EAAwBD,YAIzC,IAAK,OACL,IAAK;AACH,uBAAQE,EAAAA,aAAA,IAAiBvE,EAAaC,IAAKD,EAAYC,MAEzD,IAAK;AACH,uBAAQuE,EAAAA,YAAA,IAAgBxE,EAAaC,IAAKD,EAAYC,MAExD,IAAK;AACH,OACEsC,EAAAA,cAACkC,EAAAA,QAAA,IACKzE,EACJC,IAAKD,EAAYC,IACjByE,cAAepF,EAAMqF,eACrBC,MAAOlF,EAAMgB,EAAEpB,EAAMsF,SAI3B,IAAK;AACH,OACErC,EAAAA,cAACsC,EAAAA,QAAA,IACK7E,EACJC,IAAKD,EAAYC,IACjByE,cAAepF,EAAMqF,eACrBC,MAAOlF,EAAMgB,EAAEpB,EAAMsF,SAI3B,IAAK;AACH,OACErC,EAAAA,cAACuC,EAAAA,QAAA,IACK9E,EACJC,IAAKD,EAAYC,IACjB8E,QAASzF,EAAM0F,cACfC,KAAM3F,EAAM4F,WACZC,WAAY,IAAMzF,EAAM0F,oBAAoB9F,GAC5C+F,sBAAuBC,QAAQhG,EAAM+F,uBACrCE,UAAW7F,EAAM8F,SACjBC,kBAAmB/F,EAAM+F,oBAI/B,IAAK;AACH,OACElD,EAAAA,cAACmD,EAAAA,QAAA,IACK1F,EACJC,IAAKD,EAAYC,IACjByE,cAAepF,EAAMqF,eACrBC,MAAOlF,EAAMgB,EAAEpB,EAAMsF,SAI3B,IAAK,kBACH,OAAOtF,EAAMqG,UAEf,IAAK;AACH,OACEpD,EAAAA,cAACqD,EAAAA,iBAAA,IACK5F,EACJC,IAAKD,EAAYC,IACjBQ,MAAOwB,EACPQ,KAAMnD,EAAMwC,WACZV,YAIN,IAAK;AACH,OACEmB,EAAAA,cAACsD,EAAAA,gBAAA,IACK7F,EACJC,IAAKD,EAAYC,IACjB6F,aAAcpG,EAAMqG,iBAI1B,IAAK;AACH,OACEC,EAAAA,IAACC,EAAAA,mBAAA,IACKjG,EACJ8F,aAAcpG,EAAMqG,iBAI1B,IAAK;AACH,OACExD,EAAAA,cAAC2D,EAAAA,QAAA,IACKlG,EACJC,IAAKD,EAAYC,IACjBkG,SAAU,OAAAC,EAAA9G,EAAM8D,uBAAN,EAAAgD,EAAwBD,SAClCE,gBAAiB,OAAAC,EAAAhH,EAAM8D,uBAAN,EAAAkD,EAAwBD,gBACzCE,WAAYjH,EAAMiH,WAClBnF,UACAoF,UAAYC,MACZ9C,aAAc,CAAC8C,EAAWhH,SAIhC,IAAK;AACH,OACEuG,EAAAA,IAACU,EAAAA,qBAAA,CACCpG,eAAgBZ,EAAMY,eACtBqG,YAAarH,EAAMqH,YACnBzC,gBAAkB0C,GAAelH,EAAMwE,gBAAgB0C,GACvDC,kBAAmBvH,EAAMY,KACzB4G,QAAQ,WACRC,eAAe,IAIrB,QACE,OAAO,OAKb,MAAyB,UAArBzH,EAAMwC,YAA+C,oBAArBxC,EAAMwC,gCAErCkF,UAAA,CAAKC,MAAI,EAACC,GAAI,GACZ9E,oCAMJ4E,UAAA,CAAKC,MAAI,EAACC,GAAIvH,EACZyC,iBAKPhD,EAAc+H,YAAc,gBAG5B,MAAMC,EAAuB/H,EAAAA,KAAK,EAChCgI,UACAC,cACAC,iBACAlH,UACAC,iBACAkH,mBACAC,qBACA/G,QAWA,MAAMgH,EAAYzG,EAAAA,YAAY,KAC5BwG,EAAmBH,GAAe,KACjC,CAACG,EAAoBH,IAExB,OAAKC,IAAmB,MAAAD,OAAA,EAAAA,EAAaK,uBAGnC3B,EAAAA,IAAC4B,EAAAA,aAAA,IACKP,EACJE,iBACAlH,UACAC,iBACAkH,mBACA/G,MAAOC,EAAE2G,EAAQQ,qBAAuB,IACxCH,YAECtF,SAAAkF,EAAYQ,IAAKC,kBAChB/B,EAAAA,IAACgC,EAAAA,QAAA,CAECnH,MAAOkH,EAAMlH,OAASkH,EAAM7H,KAC5BG,6BAAU4H,EAAAA,QAAA,IACVC,UAAW,CAAEC,WAAY,CAAEC,QAAS,UACpC3H,MAAOC,EAAEqH,EAAM7H,MACfa,SAAUuE,QAAQ+B,EAAQtG,WALrBgH,EAAMM,OAdiC,OA0BtDjB,EAAqBD,YAAc,uBAGnC,MAAMmB,EAAcjJ,EAAAA,KAAuB,EACzCgI,UACA5H,QACA8I,UACAjB,cACAC,iBACAlH,UACAC,iBACAkH,mBACAgB,eACAhD,WACAO,iBACA/C,SACA7B,SACAyC,WACAE,sBACAI,kBACAD,qBACAG,iBACAqD,qBACA1E,4BACAqC,sBACAK,oBACAgD,iBACA/H,IACAa,aAGA,MAAMmH,EAAiB9I,EAAAA,QAAQ,WAC7B2I,WAASI,OAAOC,IAAMA,EAAEC,aAAc,GACtC,CAACN,IAIGO,EAAkBlJ,EAAAA,QAAQ,IAC9B8I,EAAeZ,IAAIxI,IAAA,IACdA,EACHC,UAAWD,EAAMY,MAAQZ,EAAMmB,MAAMsI,cAAcC,MAAM,KAAKC,KAAK,QAErE,CAACP,IAIGQ,EAAgBtJ,EAAAA,QAAQ,IACvByH,EAAQ5G,4BAGV,MAAA,CAAI0I,MAAO,CAAEC,UAAW,QACtBhH,SAAA,CAAU,IAAV3C,kBAAeuG,EAAAA,IAACqD,EAAAA,QAAA,CAAQlH,UAAU;eACnC6D,EAAAA,IAACsD,EAAAA,WAAA,CACC7G,KAAK,KACL8G,OAAO,SACPC,GAAI,EACJC,GAAI,EACJC,MAAM,uBACNvH,UAAU,oCAETC,SAAA1B,EAAE2G,EAAQ5G,YAbU,KAiB1B,CAAC4G,EAAQ5G,MAAOhB,EAAOiB,IAGpBiJ,EAAgB/J,EAAAA,QAAQ,IAC5B4I,iBAAexC,MAAC,OAAI7D,UAAU,eAAeC,iBAAY,KACzD,CAACoG,IAIGoB,EAAahK,EAAAA,QAAQ,KAAA,CACzBS,UACAC,iBACAkF,WACAO,iBACA/C,SACA7B,SACAyC,WACAE,sBACAI,kBACAD,qBACAG,iBACArB,4BACAqC,sBACAK,oBACAgD,iBACA/H,IACAa,WACE,CACFlB,EAASC,EAAgBkF,EAAUO,EAAgB/C,EACnD7B,EAAQyC,EAAUE,EAAqBI,EACvCD,EAAoBG,EAAgBrB,EACpCqC,EAAqBK,EAAmBgD,EAAgB/H,EAAGa,IAG7D,OAAI8F,EAAQwC,4BAER7D,EAAAA,IAAC,WAAoB7D,UAAU,sBAC7BC,8BAAC,MAAA,CAAI+G,MAAO,CAAEW,UAAW,QACvB1H,8BAAC2H,EAAAA,UAAA,CAAUnF,MAAOlE,EAAE2G,EAAQ5G,OAAS,IACnC2B,0BAAAF,KAAC,MAAA,CAAIC,UAAU,yCACbC,SAAA;eAAA4D,EAAAA,IAACoB,EAAA,CACCC,UACAC,cACAC,iBACAlH,UACAC,iBACAkH,mBACAC,qBACA/G,MAEDoI,EAAgBhB,IAAI,CAACxI,EAAO0K,mBAC3BhE,EAAAA,IAAC5G,EAAA,CAECE,QACAC,UAAWD,EAAMC,UACjBC,aAAc6H,EAAQ5G,MACtBhB,MAAOuK,KACHJ,GALC,GAAGvC,EAAQ5G,SAASnB,EAAMC,aAAayK,cAhB1CvK,oBAgChByC,KAAC,UAAA,CAAoBC,UAAU,sBAC5BC,SAAA,CAAA8G;eAEDlD,EAAAA,IAACoB,EAAA,CACCC,UACAC,cACAC,iBACAlH,UACAC,iBACAkH,mBACAC,qBACA/G;eAGFwB,EAAAA,KAAC8E,EAAAA,QAAA,CAAKiD,WAAS,EAACC,QAAS,EACtB9H,SAAA,CAAAuH,EACAb,EAAgBhB,IAAI,CAACxI,EAAO0K,mBAC3BhE,EAAAA,IAAC5G,EAAA,CAECE,QACAC,UAAWD,EAAMC,UACjBC,aAAc6H,EAAQ5G,MACtBhB,MAAOuK,KACHJ,GALC,GAAGvC,EAAQ5G,SAASnB,EAAMC,aAAayK,WAlBtCvK,KA+BlB6I,EAAYnB,YAAc"}

package/dist/components/form-control/form-parser/form-switcher.d.ts

@@ -1,3 +1,3 @@
-declare const FormSwitcher: import('react').NamedExoticComponent<any>;
+declare const FormSwitcher: import('react').MemoExoticComponent<({ children, isFormSwitcher, control, fieldArrayName, formSwitcherName, label, resetForm, }: any) => import("react/jsx-runtime").JSX.Element>;
 export { FormSwitcher };
 export default FormSwitcher;

package/dist/components/icons/action-arrow.d.ts

@@ -1,4 +1,4 @@
-export declare const ActionArrow: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ActionArrow: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ActionArrow;

package/dist/components/icons/add-circle.d.ts

@@ -1,4 +1,4 @@
-export declare const AddCircle: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const AddCircle: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default AddCircle;

package/dist/components/icons/arrow-bidirectional.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowBidirectional: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowBidirectional: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowBidirectional;

package/dist/components/icons/arrow-circle-down.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowCircleDown: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowCircleDown: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowCircleDown;

package/dist/components/icons/arrow-down-three.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowDownThree: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowDownThree: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowDownThree;

package/dist/components/icons/arrow-down-two.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowDownTwo: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowDownTwo: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowDownTwo;

package/dist/components/icons/arrow-down.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowDown: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowDown: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowDown;

package/dist/components/icons/arrow-up-down.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowUpDown: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowUpDown: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowUpDown;

package/dist/components/icons/arrow-up-two.d.ts

@@ -1,4 +1,4 @@
-export declare const ArrowUpTwo: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const ArrowUpTwo: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default ArrowUpTwo;

package/dist/components/icons/assignments.d.ts

@@ -1,4 +1,4 @@
-export declare const Assignments: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Assignments: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Assignments;

package/dist/components/icons/blank-circle.d.ts

@@ -1,4 +1,4 @@
-export declare const BlankCircle: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const BlankCircle: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default BlankCircle;

package/dist/components/icons/block-filled.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const BlockFiled: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const BlockFiled: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default BlockFiled;

package/dist/components/icons/calendar-add.d.ts

@@ -1,4 +1,4 @@
-export declare const CalendarAdd: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const CalendarAdd: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default CalendarAdd;

package/dist/components/icons/calendar.d.ts

@@ -1,4 +1,4 @@
-export declare const Calendar: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Calendar: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Calendar;

package/dist/components/icons/checkbox-square.d.ts

@@ -1,4 +1,4 @@
-export declare const CheckboxSquare: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const CheckboxSquare: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default CheckboxSquare;

package/dist/components/icons/circular-arrow-setting.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const CircularArrowSetting: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const CircularArrowSetting: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default CircularArrowSetting;

package/dist/components/icons/clock.d.ts

@@ -1,4 +1,4 @@
-export declare const Clock: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Clock: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Clock;

package/dist/components/icons/close.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const Close: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const Close: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Close;

package/dist/components/icons/coin-outline.d.ts

@@ -1,4 +1,4 @@
-export declare const CoinOutline: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const CoinOutline: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default CoinOutline;

package/dist/components/icons/copy.d.ts

@@ -1,4 +1,4 @@
-export declare const Copy: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Copy: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Copy;

package/dist/components/icons/coupon.d.ts

@@ -1,4 +1,4 @@
-export declare const Coupon: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Coupon: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Coupon;

package/dist/components/icons/cross-hire.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const CrossHire: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const CrossHire: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default CrossHire;

package/dist/components/icons/custom-styled-icon.d.ts

@@ -1,7 +1,7 @@
 import { SvgIcon } from '@mui/material';
 
-declare const Styled: (Icon: typeof SvgIcon) => import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+declare const Styled: (Icon: typeof SvgIcon) => import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export { Styled };
 export default Styled;

package/dist/components/icons/dashboard.d.ts

@@ -1,4 +1,4 @@
-export declare const Dashboard: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Dashboard: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Dashboard;

package/dist/components/icons/document-download.d.ts

@@ -1,4 +1,4 @@
-export declare const DocumentDownload: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const DocumentDownload: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default DocumentDownload;

package/dist/components/icons/document.d.ts

@@ -1,4 +1,4 @@
-export declare const Document: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Document: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Document;

package/dist/components/icons/dollar-circle-filled.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const DollarCircleFilled: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const DollarCircleFilled: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default DollarCircleFilled;

package/dist/components/icons/dollar-circle.d.ts

@@ -1,4 +1,4 @@
-export declare const DollarCircle: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const DollarCircle: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default DollarCircle;

package/dist/components/icons/edit.d.ts

@@ -1,4 +1,4 @@
-export declare const Edit: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Edit: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Edit;

package/dist/components/icons/email.d.ts

@@ -1,4 +1,4 @@
-export declare const Email: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Email: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Email;

package/dist/components/icons/export.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const Export: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const Export: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Export;

package/dist/components/icons/eye-off.d.ts

@@ -1,4 +1,4 @@
-export declare const EyeOff: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const EyeOff: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default EyeOff;

package/dist/components/icons/eye-plus-circle.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const EyePlusCircle: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: React.Ref<React.Component<{}, any, any>>;
-}>;
+export declare const EyePlusCircle: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: React.Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default EyePlusCircle;

package/dist/components/icons/eye.d.ts

@@ -1,4 +1,4 @@
-export declare const Eye: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Eye: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Eye;

package/dist/components/icons/filled-circle.d.ts

@@ -1,4 +1,4 @@
-export declare const FilledCircle: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const FilledCircle: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default FilledCircle;

package/dist/components/icons/filter-remove.d.ts

@@ -1,4 +1,4 @@
-export declare const FilterRemove: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const FilterRemove: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default FilterRemove;

package/dist/components/icons/filter.d.ts

@@ -1,4 +1,4 @@
-export declare const Filter: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Filter: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Filter;

package/dist/components/icons/folder-save.d.ts

@@ -1,4 +1,4 @@
-export declare const FolderSave: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const FolderSave: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default FolderSave;

package/dist/components/icons/grid.d.ts

@@ -1,4 +1,4 @@
-export declare const Grid: import('@emotion/styled').StyledComponent<Pick<{}, never> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {
-    ref?: import('react').Ref<import('react').Component<{}, any, any>>;
-}>;
+export declare const Grid: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: import('react').Ref<SVGSVGElement>;
+}, "classes" | "children" | "className" | "sx" | "style" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default Grid;