@flipdish/portal-library 8.5.7 → 8.6.1

package/dist/components/molecules/CheckboxGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CheckboxGroup/index.tsx"],"sourcesContent":["import { type ChangeEvent, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport MuiFormControl from '@mui/material/FormControl';\nimport MuiFormGroup from '@mui/material/FormGroup';\nimport MuiFormHelperText from '@mui/material/FormHelperText';\nimport MuiFormLabel from '@mui/material/FormLabel';\nimport { styled } from '@mui/material/styles';\n\nimport Checkbox from '@fd/components/atoms/Checkbox';\nimport CancelCircleIcon from '@fd/icons/CancelCircle';\n\n/**\n * Represents a checkbox option in the CheckboxGroup.\n * Supports hierarchical nesting through the `options` property.\n */\nexport interface CheckboxOption {\n  /** Unique identifier for the option. */\n  name: string;\n  /** Display label for the checkbox. */\n  label: string;\n  /** Whether the checkbox is disabled. */\n  disabled?: boolean;\n  /** Nested child options, creating a hierarchical structure. */\n  options?: CheckboxOption[];\n}\n\n/**\n * Props for the CheckboxGroup component.\n * Supports hierarchical checkbox groups with parent-child relationships.\n * Parent checkboxes automatically reflect the selection state of their children,\n * showing indeterminate state when some (but not all) children are selected.\n */\ninterface CheckboxGroupProps {\n  /** Unique identifier forwarded to the root element as `data-fd` for testing and identification. */\n  fdKey: string;\n  /** Array of checkbox options. Supports nested options for hierarchical structures. */\n  options: CheckboxOption[];\n  /** Label displayed above the checkbox group. */\n  label: string;\n  /**\n   * The selected values. When provided, the component is controlled.\n   * When omitted, the component is uncontrolled and manages its own state.\n   */\n  value?: string[];\n  /** Size of the checkboxes. */\n  size?: 'medium' | 'small';\n  /** Helper text displayed below the label. */\n  hintText?: string;\n  /** Error message displayed when validation fails. */\n  errorText?: string;\n  /** Whether the input is valid. When false and errorText is provided, error styling is applied. */\n  valid?: boolean;\n  /** Whether the field is required. Adds a required indicator to the label. */\n  required?: boolean;\n  /** Called when the selection changes. Receives the change event and the updated array of selected option names. */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, checkedOptions: string[]) => void;\n}\n\nconst StyledFormControl = styled(MuiFormControl)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n}));\n\nconst StyledFormGroup = styled(MuiFormGroup)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  paddingTop: theme.spacing(2),\n  overflow: 'visible',\n}));\n\nconst StyledChildrenContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  paddingLeft: theme.spacing(5.75),\n  paddingTop: theme.spacing(2),\n  position: 'relative',\n  overflow: 'visible',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    left: theme.spacing(1.75),\n    top: theme.spacing(2),\n    bottom: 0,\n    width: '4px',\n    backgroundColor: theme.palette.semantic.stroke['stroke-weak'],\n    zIndex: 0,\n  },\n}));\n\n/**\n * A hierarchical checkbox group component that supports nested options and parent-child relationships.\n * When a parent option is selected, all enabled child options are automatically selected.\n * Parent checkboxes show an indeterminate state when some (but not all) children are selected.\n * Supports both controlled and uncontrolled modes.\n *\n * @param props - The component props\n * @returns The rendered CheckboxGroup component\n */\nexport const CheckboxGroup = ({\n  fdKey,\n  options,\n  value,\n  size = 'medium',\n  label,\n  hintText,\n  errorText,\n  valid = true,\n  required = false,\n  onChange,\n}: CheckboxGroupProps): JSX.Element => {\n  const [internalValue, setInternalValue] = useState<string[]>([]);\n\n  const resolvedValue = value ?? internalValue;\n\n  // Flatten all option names (including children) for easy lookup\n  const getAllOptionNames = (opts: CheckboxOption[]): string[] => {\n    const names: string[] = [];\n    opts.forEach((opt) => {\n      names.push(opt.name);\n      if (opt.options) {\n        names.push(...getAllOptionNames(opt.options));\n      }\n    });\n    return names;\n  };\n\n  // Get all child option names for a given option (including disabled)\n  const getChildOptionNames = (option: CheckboxOption): string[] => {\n    if (!option.options) return [];\n    return getAllOptionNames(option.options);\n  };\n\n  // Helper to find an option by name in the hierarchy\n  const findOption = (opts: CheckboxOption[], targetName: string): CheckboxOption | undefined => {\n    for (const opt of opts) {\n      if (opt.name === targetName) return opt;\n      if (opt.options) {\n        const found = findOption(opt.options, targetName);\n        if (found) return found;\n      }\n    }\n    return undefined;\n  };\n\n  // Get all enabled child names for a given option\n  const getEnabledChildNames = (option: CheckboxOption): string[] => {\n    if (!option.options) return [];\n    return getAllOptionNames(option.options).filter((childName) => {\n      const childOption = findOption(option.options || [], childName);\n      return !childOption?.disabled;\n    });\n  };\n\n  // Check if all enabled children of an option are selected\n  const areAllChildrenSelected = (option: CheckboxOption): boolean => {\n    const enabledChildNames = getEnabledChildNames(option);\n    if (enabledChildNames.length === 0) return false;\n    return enabledChildNames.every((name) => resolvedValue.includes(name));\n  };\n\n  // Check if some (but not all) enabled children of an option are selected\n  const areSomeChildrenSelected = (option: CheckboxOption): boolean => {\n    const enabledChildNames = getEnabledChildNames(option);\n    if (enabledChildNames.length === 0) return false;\n    const selectedCount = enabledChildNames.filter((name) => resolvedValue.includes(name)).length;\n    return selectedCount > 0 && selectedCount < enabledChildNames.length;\n  };\n\n  // Calculate checkbox state for an option\n  const getCheckboxState = (option: CheckboxOption): { checked: boolean; indeterminate: boolean } => {\n    const hasChildren = option.options && option.options.length > 0;\n    const isDirectlySelected = resolvedValue.includes(option.name);\n\n    if (!hasChildren) {\n      return { checked: isDirectlySelected, indeterminate: false };\n    }\n\n    const allSelected = areAllChildrenSelected(option);\n    const someSelected = areSomeChildrenSelected(option);\n\n    return {\n      checked: allSelected,\n      indeterminate: someSelected && !allSelected,\n    };\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>): void => {\n    const { name: optionName } = event.target;\n    const clickedOption = findOption(options, optionName);\n    if (!clickedOption) return;\n\n    let newValue: string[];\n\n    // If option has children, toggle all children based on current state\n    if (clickedOption.options && clickedOption.options.length > 0) {\n      const allChildrenSelected = areAllChildrenSelected(clickedOption);\n\n      if (allChildrenSelected) {\n        // All children are selected - deselect all children\n        const childNames = getChildOptionNames(clickedOption);\n        newValue = resolvedValue.filter((name) => !childNames.includes(name));\n      } else {\n        // Not all children are selected - select all enabled children\n        const enabledChildNames = getEnabledChildNames(clickedOption);\n        // Add all enabled children that aren't already selected\n        newValue = [...new Set([...resolvedValue, ...enabledChildNames])];\n      }\n      // Ensure parent names are not persisted in the value for hierarchical options\n      newValue = newValue.filter((name) => name !== clickedOption.name);\n    } else {\n      // Regular checkbox toggle - use event.checked for leaf nodes\n      const { checked } = event.target;\n      newValue = checked\n        ? [...resolvedValue, optionName]\n        : resolvedValue.filter((name) => name !== optionName);\n    }\n\n    // If value is undefined, we're in uncontrolled mode - update internal state\n    if (value === undefined) {\n      setInternalValue(newValue);\n    }\n\n    if (onChange) {\n      onChange(event, newValue);\n    }\n  };\n\n  // Render checkbox options recursively\n  const renderOptions = (opts: CheckboxOption[]): JSX.Element[] => {\n    return opts.map((option) => {\n      const { checked, indeterminate } = getCheckboxState(option);\n      const hasOptions = option.options && option.options.length > 0;\n\n      return (\n        <Box key={option.name}>\n          <Checkbox\n            checked={checked}\n            disabled={option.disabled}\n            fdKey={`${fdKey}-${option.name}`}\n            indeterminate={indeterminate}\n            label={option.label}\n            name={option.name}\n            onChange={handleChange}\n            size={size}\n            valid={valid}\n          />\n          {hasOptions && (\n            <StyledChildrenContainer>{renderOptions(option.options ?? [])}</StyledChildrenContainer>\n          )}\n        </Box>\n      );\n    });\n  };\n\n  const isError = !valid && !!errorText;\n\n  return (\n    <StyledFormControl data-fd={fdKey}>\n      <Box>\n        <MuiFormLabel data-fd={`${fdKey}-label`} required={required}>\n          {label}\n        </MuiFormLabel>\n\n        {hintText && <MuiFormHelperText data-fd={`${fdKey}-hint`}>{hintText}</MuiFormHelperText>}\n      </Box>\n\n      {isError && (\n        <MuiFormHelperText error>\n          <CancelCircleIcon />\n\n          {errorText}\n        </MuiFormHelperText>\n      )}\n\n      <StyledFormGroup data-fd={`${fdKey}-checkboxes`}>{renderOptions(options)}</StyledFormGroup>\n    </StyledFormControl>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["StyledFormControl","styled","MuiFormControl","theme","display","flexDirection","gap","spacing","StyledFormGroup","MuiFormGroup","paddingTop","overflow","StyledChildrenContainer","Box","paddingLeft","position","content","left","top","bottom","width","backgroundColor","palette","semantic","stroke","zIndex","CheckboxGroup","fdKey","options","value","size","label","hintText","errorText","valid","required","onChange","internalValue","setInternalValue","useState","resolvedValue","getAllOptionNames","opts","names","forEach","opt","push","name","findOption","targetName","found","getEnabledChildNames","option","filter","childName","childOption","disabled","areAllChildrenSelected","enabledChildNames","length","every","includes","getCheckboxState","hasChildren","isDirectlySelected","checked","indeterminate","allSelected","someSelected","selectedCount","areSomeChildrenSelected","handleChange","event","optionName","target","clickedOption","newValue","childNames","Set","undefined","renderOptions","map","hasOptions","_jsxs","children","_jsx","Checkbox","isError","MuiFormLabel","MuiFormHelperText","error","CancelCircleIcon"],"mappings":"saA2DA,MAAMA,EAAoBC,EAAOC,EAAPD,EAAuB,EAAGE,YAAO,CACzDC,QAAS,OACTC,cAAe,SACfC,IAAKH,EAAMI,QAAQ,QAGfC,EAAkBP,EAAOQ,EAAPR,EAAqB,EAAGE,YAAO,CACrDC,QAAS,OACTC,cAAe,SACfC,IAAKH,EAAMI,QAAQ,GACnBG,WAAYP,EAAMI,QAAQ,GAC1BI,SAAU,cAGNC,EAA0BX,EAAOY,EAAPZ,EAAY,EAAGE,YAAO,CACpDC,QAAS,OACTC,cAAe,SACfC,IAAKH,EAAMI,QAAQ,GACnBO,YAAaX,EAAMI,QAAQ,MAC3BG,WAAYP,EAAMI,QAAQ,GAC1BQ,SAAU,WACVJ,SAAU,UACV,YAAa,CACXK,QAAS,KACTD,SAAU,WACVE,KAAMd,EAAMI,QAAQ,MACpBW,IAAKf,EAAMI,QAAQ,GACnBY,OAAQ,EACRC,MAAO,MACPC,gBAAiBlB,EAAMmB,QAAQC,SAASC,OAAO,eAC/CC,OAAQ,OAaCC,EAAgB,EAC3BC,QACAC,UACAC,QACAC,OAAO,SACPC,QACAC,WACAC,YACAC,SAAQ,EACRC,YAAW,EACXC,eAEA,MAAOC,EAAeC,GAAoBC,EAAmB,IAEvDC,EAAgBX,GAASQ,EAGzBI,EAAqBC,IACzB,MAAMC,EAAkB,GAOxB,OANAD,EAAKE,SAASC,IACZF,EAAMG,KAAKD,EAAIE,MACXF,EAAIjB,SACNe,EAAMG,QAAQL,EAAkBI,EAAIjB,aAGjCe,GAUHK,EAAa,CAACN,EAAwBO,KAC1C,IAAK,MAAMJ,KAAOH,EAAM,CACtB,GAAIG,EAAIE,OAASE,EAAY,OAAOJ,EACpC,GAAIA,EAAIjB,QAAS,CACf,MAAMsB,EAAQF,EAAWH,EAAIjB,QAASqB,GACtC,GAAIC,EAAO,OAAOA,CACpB,CACF,GAKIC,EAAwBC,GACvBA,EAAOxB,QACLa,EAAkBW,EAAOxB,SAASyB,QAAQC,IAC/C,MAAMC,EAAcP,EAAWI,EAAOxB,SAAW,GAAI0B,GACrD,OAAQC,GAAaC,YAHK,GAQxBC,EAA0BL,IAC9B,MAAMM,EAAoBP,EAAqBC,GAC/C,OAAiC,IAA7BM,EAAkBC,QACfD,EAAkBE,OAAOb,GAASP,EAAcqB,SAASd,MAY5De,EAAoBV,IACxB,MAAMW,EAAcX,EAAOxB,SAAWwB,EAAOxB,QAAQ+B,OAAS,EACxDK,EAAqBxB,EAAcqB,SAAST,EAAOL,MAEzD,IAAKgB,EACH,MAAO,CAAEE,QAASD,EAAoBE,eAAe,GAGvD,MAAMC,EAAcV,EAAuBL,GACrCgB,EAjBwB,CAAChB,IAC/B,MAAMM,EAAoBP,EAAqBC,GAC/C,GAAiC,IAA7BM,EAAkBC,OAAc,OAAO,EAC3C,MAAMU,EAAgBX,EAAkBL,QAAQN,GAASP,EAAcqB,SAASd,KAAOY,OACvF,OAAOU,EAAgB,GAAKA,EAAgBX,EAAkBC,QAazCW,CAAwBlB,GAE7C,MAAO,CACLa,QAASE,EACTD,cAAeE,IAAiBD,IAI9BI,EAAgBC,IACpB,MAAQzB,KAAM0B,GAAeD,EAAME,OAC7BC,EAAgB3B,EAAWpB,EAAS6C,GAC1C,IAAKE,EAAe,OAEpB,IAAIC,EAGJ,GAAID,EAAc/C,SAAW+C,EAAc/C,QAAQ+B,OAAS,EAAG,CAG7D,GAF4BF,EAAuBkB,GAE1B,CAEvB,MAAME,GAxEiBzB,EAwEgBuB,GAvE/B/C,QACLa,EAAkBW,EAAOxB,SADJ,GAwExBgD,EAAWpC,EAAca,QAAQN,IAAU8B,EAAWhB,SAASd,IACjE,KAAO,CAEL,MAAMW,EAAoBP,EAAqBwB,GAE/CC,EAAW,IAAI,IAAIE,IAAI,IAAItC,KAAkBkB,IAC/C,CAEAkB,EAAWA,EAASvB,QAAQN,GAASA,IAAS4B,EAAc5B,MAC9D,KAAO,CAEL,MAAMkB,QAAEA,GAAYO,EAAME,OAC1BE,EAAWX,EACP,IAAIzB,EAAeiC,GACnBjC,EAAca,QAAQN,GAASA,IAAS0B,GAC9C,CAxF0B,IAACrB,OA2Fb2B,IAAVlD,GACFS,EAAiBsC,GAGfxC,GACFA,EAASoC,EAAOI,IAKdI,EAAiBtC,GACdA,EAAKuC,KAAK7B,IACf,MAAMa,QAAEA,EAAOC,cAAEA,GAAkBJ,EAAiBV,GAC9C8B,EAAa9B,EAAOxB,SAAWwB,EAAOxB,QAAQ+B,OAAS,EAE7D,OACEwB,EAACtE,EAAG,CAAAuE,SAAA,CACFC,EAACC,EAAQ,CACPrB,QAASA,EACTT,SAAUJ,EAAOI,SACjB7B,MAAO,GAAGA,KAASyB,EAAOL,OAC1BmB,cAAeA,EACfnC,MAAOqB,EAAOrB,MACdgB,KAAMK,EAAOL,KACbX,SAAUmC,EACVzC,KAAMA,EACNI,MAAOA,IAERgD,GACCG,EAACzE,YAAyBoE,EAAc5B,EAAOxB,SAAW,QAbpDwB,EAAOL,SAoBjBwC,GAAWrD,KAAWD,EAE5B,OACEkD,EAACnF,EAAiB,CAAA,UAAU2B,EAAKyD,SAAA,CAC/BD,EAACtE,EAAG,CAAAuE,SAAA,CACFC,EAACG,EAAY,CAAA,UAAU,GAAG7D,UAAeQ,SAAUA,EAAQiD,SACxDrD,IAGFC,GAAYqD,EAACI,EAAiB,CAAA,UAAU,GAAG9D,SAAYyD,SAAGpD,OAG5DuD,GACCJ,EAACM,EAAiB,CAACC,OAAK,EAAAN,SAAA,CACtBC,EAACM,EAAgB,CAAA,GAEhB1D,KAILoD,EAAC7E,EAAe,CAAA,UAAU,GAAGmB,eAAkByD,SAAGJ,EAAcpD"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CheckboxGroup/index.tsx"],"sourcesContent":["import { type ChangeEvent, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport MuiFormControl from '@mui/material/FormControl';\nimport MuiFormGroup from '@mui/material/FormGroup';\nimport MuiFormHelperText from '@mui/material/FormHelperText';\nimport MuiFormLabel from '@mui/material/FormLabel';\nimport { styled } from '@mui/material/styles';\n\nimport Checkbox from '@fd/components/atoms/Checkbox';\nimport CancelCircleIcon from '@fd/icons/CancelCircle';\n\n/**\n * Represents a checkbox option in the CheckboxGroup.\n * Supports hierarchical nesting through the `options` property.\n */\nexport interface CheckboxOption {\n  /** Unique identifier for the option. */\n  name: string;\n  /** Display label for the checkbox. */\n  label: string;\n  /** Whether the checkbox is disabled. */\n  disabled?: boolean;\n  /** Nested child options, creating a hierarchical structure. */\n  options?: CheckboxOption[];\n}\n\n/**\n * Props for the CheckboxGroup component.\n * Supports hierarchical checkbox groups with parent-child relationships.\n * Parent checkboxes automatically reflect the selection state of their children,\n * showing indeterminate state when some (but not all) children are selected.\n */\ninterface CheckboxGroupProps {\n  /** Unique identifier forwarded to the root element as `data-fd` for testing and identification. */\n  fdKey: string;\n  /** Array of checkbox options. Supports nested options for hierarchical structures. */\n  options: CheckboxOption[];\n  /** Label displayed above the checkbox group. */\n  label: string;\n  /**\n   * The selected values. When provided, the component is controlled.\n   * When omitted, the component is uncontrolled and manages its own state.\n   */\n  value?: string[];\n  /** Size of the checkboxes. */\n  size?: 'medium' | 'small';\n  /** Helper text displayed below the label. */\n  hintText?: string;\n  /** Error message displayed when validation fails. */\n  errorText?: string;\n  /** Whether the input is valid. When false and errorText is provided, error styling is applied. */\n  valid?: boolean;\n  /** Whether the field is required. Adds a required indicator to the label. */\n  required?: boolean;\n  /** Called when the selection changes. Receives the change event and the updated array of selected option names. */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, checkedOptions: string[]) => void;\n}\n\nconst StyledFormControl = styled(MuiFormControl)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n}));\n\nconst StyledFormGroup = styled(MuiFormGroup)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  paddingTop: theme.spacing(2),\n  overflow: 'visible',\n}));\n\nconst StyledChildrenContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  paddingLeft: theme.spacing(5.75),\n  paddingTop: theme.spacing(2),\n  position: 'relative',\n  overflow: 'visible',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    left: theme.spacing(1.75),\n    top: theme.spacing(2),\n    bottom: 0,\n    width: '4px',\n    backgroundColor: theme.palette.semantic.stroke['stroke-weak'],\n    zIndex: 0,\n  },\n}));\n\n/**\n * A hierarchical checkbox group component that supports nested options and parent-child relationships.\n * When a parent option is selected, all enabled child options are automatically selected.\n * Parent checkboxes show an indeterminate state when some (but not all) children are selected.\n * Supports both controlled and uncontrolled modes.\n *\n * @param props - The component props\n * @returns The rendered CheckboxGroup component\n */\nexport const CheckboxGroup = ({\n  fdKey,\n  options,\n  value,\n  size = 'medium',\n  label,\n  hintText,\n  errorText,\n  valid = true,\n  required = false,\n  onChange,\n}: CheckboxGroupProps): JSX.Element => {\n  const [internalValue, setInternalValue] = useState<string[]>([]);\n\n  const resolvedValue = value ?? internalValue;\n\n  // Flatten all option names (including children) for easy lookup\n  const getAllOptionNames = (opts: CheckboxOption[]): string[] => {\n    const names: string[] = [];\n    opts.forEach((opt) => {\n      names.push(opt.name);\n      if (opt.options) {\n        names.push(...getAllOptionNames(opt.options));\n      }\n    });\n    return names;\n  };\n\n  // Get all child option names for a given option (including disabled)\n  const getChildOptionNames = (option: CheckboxOption): string[] => {\n    if (!option.options) return [];\n    return getAllOptionNames(option.options);\n  };\n\n  // Helper to find an option by name in the hierarchy\n  const findOption = (opts: CheckboxOption[], targetName: string): CheckboxOption | undefined => {\n    for (const opt of opts) {\n      if (opt.name === targetName) return opt;\n      if (opt.options) {\n        const found = findOption(opt.options, targetName);\n        if (found) return found;\n      }\n    }\n    return undefined;\n  };\n\n  // Get all enabled child names for a given option\n  const getEnabledChildNames = (option: CheckboxOption): string[] => {\n    if (!option.options) return [];\n    return getAllOptionNames(option.options).filter((childName) => {\n      const childOption = findOption(option.options || [], childName);\n      return !childOption?.disabled;\n    });\n  };\n\n  // Check if all enabled children of an option are selected\n  const areAllChildrenSelected = (option: CheckboxOption): boolean => {\n    const enabledChildNames = getEnabledChildNames(option);\n    if (enabledChildNames.length === 0) return false;\n    return enabledChildNames.every((name) => resolvedValue.includes(name));\n  };\n\n  // Check if some (but not all) enabled children of an option are selected\n  const areSomeChildrenSelected = (option: CheckboxOption): boolean => {\n    const enabledChildNames = getEnabledChildNames(option);\n    if (enabledChildNames.length === 0) return false;\n    const selectedCount = enabledChildNames.filter((name) => resolvedValue.includes(name)).length;\n    return selectedCount > 0 && selectedCount < enabledChildNames.length;\n  };\n\n  // Calculate checkbox state for an option\n  const getCheckboxState = (option: CheckboxOption): { checked: boolean; indeterminate: boolean } => {\n    const hasChildren = option.options && option.options.length > 0;\n    const isDirectlySelected = resolvedValue.includes(option.name);\n\n    if (!hasChildren) {\n      return { checked: isDirectlySelected, indeterminate: false };\n    }\n\n    const allSelected = areAllChildrenSelected(option);\n    const someSelected = areSomeChildrenSelected(option);\n\n    return {\n      checked: allSelected,\n      indeterminate: someSelected && !allSelected,\n    };\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>): void => {\n    const { name: optionName } = event.target;\n    const clickedOption = findOption(options, optionName);\n    if (!clickedOption) return;\n\n    let newValue: string[];\n\n    // If option has children, toggle all children based on current state\n    if (clickedOption.options && clickedOption.options.length > 0) {\n      const allChildrenSelected = areAllChildrenSelected(clickedOption);\n\n      if (allChildrenSelected) {\n        // All children are selected - deselect all children\n        const childNames = getChildOptionNames(clickedOption);\n        newValue = resolvedValue.filter((name) => !childNames.includes(name));\n      } else {\n        // Not all children are selected - select all enabled children\n        const enabledChildNames = getEnabledChildNames(clickedOption);\n        // Add all enabled children that aren't already selected\n        newValue = [...new Set([...resolvedValue, ...enabledChildNames])];\n      }\n      // Ensure parent names are not persisted in the value for hierarchical options\n      newValue = newValue.filter((name) => name !== clickedOption.name);\n    } else {\n      // Regular checkbox toggle - use event.checked for leaf nodes\n      const { checked } = event.target;\n      newValue = checked\n        ? [...resolvedValue, optionName]\n        : resolvedValue.filter((name) => name !== optionName);\n    }\n\n    // If value is undefined, we're in uncontrolled mode - update internal state\n    if (value === undefined) {\n      setInternalValue(newValue);\n    }\n\n    if (onChange) {\n      onChange(event, newValue);\n    }\n  };\n\n  // Render checkbox options recursively\n  const renderOptions = (opts: CheckboxOption[]): JSX.Element[] => {\n    return opts.map((option) => {\n      const { checked, indeterminate } = getCheckboxState(option);\n      const hasOptions = option.options && option.options.length > 0;\n\n      return (\n        <Box key={option.name}>\n          <Checkbox\n            checked={checked}\n            disabled={option.disabled}\n            fdKey={`${fdKey}-${option.name}`}\n            indeterminate={indeterminate}\n            label={option.label}\n            name={option.name}\n            onChange={handleChange}\n            size={size}\n            valid={valid}\n          />\n          {hasOptions && (\n            <StyledChildrenContainer>{renderOptions(option.options ?? [])}</StyledChildrenContainer>\n          )}\n        </Box>\n      );\n    });\n  };\n\n  const isError = !valid && !!errorText;\n\n  return (\n    <StyledFormControl data-fd={fdKey}>\n      <Box>\n        <MuiFormLabel data-fd={`${fdKey}-label`} required={required}>\n          {label}\n        </MuiFormLabel>\n\n        {hintText && <MuiFormHelperText data-fd={`${fdKey}-hint`}>{hintText}</MuiFormHelperText>}\n      </Box>\n\n      {isError && (\n        <MuiFormHelperText error>\n          <CancelCircleIcon />\n\n          {errorText}\n        </MuiFormHelperText>\n      )}\n\n      <StyledFormGroup data-fd={`${fdKey}-checkboxes`}>{renderOptions(options)}</StyledFormGroup>\n    </StyledFormControl>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["StyledFormControl","styled","MuiFormControl","theme","display","flexDirection","gap","spacing","StyledFormGroup","MuiFormGroup","paddingTop","overflow","StyledChildrenContainer","Box","paddingLeft","position","content","left","top","bottom","width","backgroundColor","palette","semantic","stroke","zIndex","CheckboxGroup","fdKey","options","value","size","label","hintText","errorText","valid","required","onChange","internalValue","setInternalValue","useState","resolvedValue","getAllOptionNames","opts","names","forEach","opt","push","name","findOption","targetName","found","getEnabledChildNames","option","filter","childName","childOption","disabled","areAllChildrenSelected","enabledChildNames","length","every","includes","getCheckboxState","hasChildren","isDirectlySelected","checked","indeterminate","allSelected","someSelected","selectedCount","areSomeChildrenSelected","handleChange","event","optionName","target","clickedOption","newValue","childNames","Set","undefined","renderOptions","map","hasOptions","_jsxs","children","_jsx","Checkbox","isError","MuiFormLabel","MuiFormHelperText","error","CancelCircleIcon"],"mappings":"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"}

package/dist/components/molecules/DropdownMenu/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/ListSubheader"),r=require("@mui/material/styles"),a=require("../../atoms/Avatar/index.cjs.js"),o=require("@mui/material/Box"),n=require("../../atoms/Button/index.cjs.js"),s=require("@mui/material/Divider"),l=require("../../atoms/IconButton/index.cjs.js"),c=require("@mui/material/ListItemText"),d=require("../../atoms/MenuItem/index.cjs.js"),u=require("@mui/material/Menu"),m=require("../../../icons/ArrowDown01/index.cjs.js"),p=require("../../../icons/ArrowUp01/index.cjs.js"),x=require("../../../icons/MoreVertical/index.cjs.js");const h=r.styled(n.Button)((({theme:e,size:t,disabled:i})=>({height:"small"===t?48:64,padding:e.spacing(1,2),textDecoration:"none","& .MuiButton-icon":{color:i?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:e.palette.semantic.fill["fill-weak"]}}))),b=r.styled(i)((({theme:e})=>({borderBottom:`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,padding:e.spacing(1,2)})));b.muiName=i.muiName,b.muiSkipListHighlight=i.muiSkipListHighlight??!0;const g=r.styled(o,{shouldForwardProp:e=>!["disabled","size"].includes(e)})((({theme:e,disabled:t,size:i})=>({display:"flex",gap:"small"===i?e.spacing(1):e.spacing(1.5),alignItems:"center",textAlign:"left",...t&&{"& .MuiAvatar-root":{opacity:e.palette.action.disabledOpacity}," & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary":{color:e.palette.semantic.text["text-disabled"]}}}))),j=({align:r="bottom-left",ariaLabel:o="",avatarSrc:j="",disabled:y=!1,fdKey:f,label:v,options:k=[],optionsType:z="text",secondaryText:M,size:q="medium",type:T="button",...C})=>{const[I,$]=t.useState(null),L=Boolean(I),O=`${f}-trigger`,w=`${f}-menu`,B=e=>{y||$(e.currentTarget)},A=()=>{$(null)},P=e=>t=>{e?.(t),A()},S=t=>e.jsxs(g,{disabled:y,size:t,children:[e.jsx(a,{"aria-hidden":!0,alt:"",size:t,src:j,type:"logo"}),e.jsx(c,{primary:v,secondary:M})]}),D=(t,i="text",r="root")=>{switch(i){case"checkboxes":return((t,i)=>t.map(((t,r)=>e.jsx(d.MenuItem,{checked:t.checked,disabled:t.disabled,label:t.label,onCheckedChange:t.onCheckedChange,secondaryText:t.secondaryText,type:"checkbox"},t.id??`${i}-checkbox-${r}`))))(t,r);case"icons":return((t,i)=>t.map(((t,r)=>e.jsx(d.MenuItem,{disabled:t.disabled,icon:t.icon,label:t.label,onClick:P(t.onClick),secondaryText:t.secondaryText,type:"icon"},t.id??`${i}-icon-${r}`))))(t,r);default:return((t,i)=>t.map(((t,r)=>e.jsx(d.MenuItem,{disabled:t.disabled,label:t.label,onClick:P(t.onClick),secondaryText:t.secondaryText,type:"text"},t.id??`${i}-text-${r}`))))(t,r)}},K=t.useMemo((()=>{return k&&0!==k.length?"groups"===z?(t=k).flatMap(((r,a)=>{const o=r.id??`group-${a}`;return[r.groupLabel?e.jsx(i,{children:r.groupLabel},`subheader-${o}`):null,...D(r.options,r.optionsType,o),a<t.length-1?e.jsx(s,{},`divider-${o}`):null]})):D(k,z):null;var t}),[k,z]),F=((e="bottom-left")=>{switch(e){case"bottom-left":default:return{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}};case"bottom-right":return{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}};case"top-left":return{anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"}};case"top-right":return{anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}}}})(r);return e.jsxs(e.Fragment,{children:["icon-button"===T?e.jsx(l.IconButton,{"aria-controls":L?w:void 0,"aria-expanded":L,"aria-haspopup":"menu","aria-label":o,disabled:y,fdKey:f,id:O,onClick:B,size:q,variant:"secondary",children:e.jsx(x,{})}):"avatar"===T?e.jsx(h,{"aria-controls":L?w:void 0,"aria-expanded":L,"aria-haspopup":"menu",disabled:y,endIcon:L?e.jsx(p,{}):e.jsx(m,{}),fdKey:f,id:O,onClick:B,size:q,variant:"tertiary",children:S(q)}):e.jsx(n.Button,{"aria-controls":L?w:void 0,"aria-expanded":L,"aria-haspopup":"menu",disabled:y,endIcon:L?e.jsx(p,{}):e.jsx(m,{}),fdKey:f,id:O,onClick:B,size:q,variant:"secondary",children:v}),e.jsxs(u,{...C,...F,anchorEl:I,onClose:A,open:L,slotProps:{...C.slotProps,list:{...C.slotProps?.list??{},id:w,"aria-labelledby":O}},children:["avatar"===T&&e.jsx(b,{children:S("medium")}),K]})]})};exports.DropdownMenu=j,exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/ListSubheader"),r=require("@mui/material/styles"),a=require("../../atoms/Avatar/index.cjs.js"),o=require("@mui/material/Box"),n=require("../../atoms/Button/index.cjs.js"),s=require("@mui/material/Divider"),l=require("../../atoms/IconButton/index.cjs.js"),c=require("@mui/material/ListItemText"),d=require("../../atoms/MenuItem/index.cjs.js"),u=require("@mui/material/Menu"),m=require("../../../icons/ArrowDown01/index.cjs.js"),p=require("../../../icons/ArrowUp01/index.cjs.js"),x=require("../../../icons/MoreVertical/index.cjs.js");const h=r.styled(n.Button)(({theme:e,size:t,disabled:i})=>({height:"small"===t?48:64,padding:e.spacing(1,2),textDecoration:"none","& .MuiButton-icon":{color:i?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:e.palette.semantic.fill["fill-weak"]}})),b=r.styled(i)(({theme:e})=>({borderBottom:`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,padding:e.spacing(1,2)}));b.muiName=i.muiName,b.muiSkipListHighlight=i.muiSkipListHighlight??!0;const g=r.styled(o,{shouldForwardProp:e=>!["disabled","size"].includes(e)})(({theme:e,disabled:t,size:i})=>({display:"flex",gap:"small"===i?e.spacing(1):e.spacing(1.5),alignItems:"center",textAlign:"left",...t&&{"& .MuiAvatar-root":{opacity:e.palette.action.disabledOpacity}," & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary":{color:e.palette.semantic.text["text-disabled"]}}})),j=({align:r="bottom-left",ariaLabel:o="",avatarSrc:j="",disabled:y=!1,fdKey:f,label:v,options:k=[],optionsType:z="text",secondaryText:M,size:q="medium",type:T="button",...C})=>{const[I,$]=t.useState(null),L=Boolean(I),O=`${f}-trigger`,w=`${f}-menu`,B=e=>{y||$(e.currentTarget)},A=()=>{$(null)},P=e=>t=>{e?.(t),A()},S=t=>e.jsxs(g,{disabled:y,size:t,children:[e.jsx(a,{"aria-hidden":!0,alt:"",size:t,src:j,type:"logo"}),e.jsx(c,{primary:v,secondary:M})]}),D=(t,i="text",r="root")=>{switch(i){case"checkboxes":return((t,i)=>t.map((t,r)=>e.jsx(d.MenuItem,{checked:t.checked,disabled:t.disabled,label:t.label,onCheckedChange:t.onCheckedChange,secondaryText:t.secondaryText,type:"checkbox"},t.id??`${i}-checkbox-${r}`)))(t,r);case"icons":return((t,i)=>t.map((t,r)=>e.jsx(d.MenuItem,{disabled:t.disabled,icon:t.icon,label:t.label,onClick:P(t.onClick),secondaryText:t.secondaryText,type:"icon"},t.id??`${i}-icon-${r}`)))(t,r);default:return((t,i)=>t.map((t,r)=>e.jsx(d.MenuItem,{disabled:t.disabled,label:t.label,onClick:P(t.onClick),secondaryText:t.secondaryText,type:"text"},t.id??`${i}-text-${r}`)))(t,r)}},K=t.useMemo(()=>{return k&&0!==k.length?"groups"===z?(t=k).flatMap((r,a)=>{const o=r.id??`group-${a}`;return[r.groupLabel?e.jsx(i,{children:r.groupLabel},`subheader-${o}`):null,...D(r.options,r.optionsType,o),a<t.length-1?e.jsx(s,{},`divider-${o}`):null]}):D(k,z):null;var t},[k,z]),F=((e="bottom-left")=>{switch(e){case"bottom-left":default:return{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}};case"bottom-right":return{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}};case"top-left":return{anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"}};case"top-right":return{anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}}}})(r);return e.jsxs(e.Fragment,{children:["icon-button"===T?e.jsx(l.IconButton,{"aria-controls":L?w:void 0,"aria-expanded":L,"aria-haspopup":"menu","aria-label":o,disabled:y,fdKey:f,id:O,onClick:B,size:q,variant:"secondary",children:e.jsx(x,{})}):"avatar"===T?e.jsx(h,{"aria-controls":L?w:void 0,"aria-expanded":L,"aria-haspopup":"menu",disabled:y,endIcon:L?e.jsx(p,{}):e.jsx(m,{}),fdKey:f,id:O,onClick:B,size:q,variant:"tertiary",children:S(q)}):e.jsx(n.Button,{"aria-controls":L?w:void 0,"aria-expanded":L,"aria-haspopup":"menu",disabled:y,endIcon:L?e.jsx(p,{}):e.jsx(m,{}),fdKey:f,id:O,onClick:B,size:q,variant:"secondary",children:v}),e.jsxs(u,{...C,...F,anchorEl:I,onClose:A,open:L,slotProps:{...C.slotProps,list:{...C.slotProps?.list??{},id:w,"aria-labelledby":O}},children:["avatar"===T&&e.jsx(b,{children:S("medium")}),K]})]})};exports.DropdownMenu=j,exports.default=j;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/DropdownMenu/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/DropdownMenu/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport MuiListSubheader from '@mui/material/ListSubheader';\nimport type { MenuProps as MuiMenuProps } from '@mui/material/Menu';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '@fd/components/atoms/Avatar';\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport Divider from '@fd/components/atoms/Divider';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport ListItemText from '@fd/components/atoms/ListItemText';\nimport MenuItem, {\n  type CheckboxMenuItemProps,\n  type IconMenuItemProps,\n  type MenuItemProps,\n  type TextMenuItemProps,\n} from '@fd/components/atoms/MenuItem';\nimport Menu from '@fd/components/molecules/Menu';\nimport ArrowDown01Icon from '@fd/icons/ArrowDown01';\nimport ArrowUp01Icon from '@fd/icons/ArrowUp01';\nimport MoreVerticalIcon from '@fd/icons/MoreVertical';\n\n/** Props for the DropdownMenuCheckboxOption component */\nexport type DropdownMenuCheckboxOption = Omit<CheckboxMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuIconOption component */\nexport type DropdownMenuIconOption = Omit<IconMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuTextOption component */\nexport type DropdownMenuTextOption = Omit<TextMenuItemProps, 'type'>;\n\ninterface DropdownMenuGroupOptionBase {\n  /** Label of the group */\n  groupLabel?: React.ReactNode;\n  /** ID of the group */\n  id?: string;\n}\n\ninterface DropdownMenuGroupOptionCheckbox extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuGroupOptionIcon extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuGroupOptionText extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType?: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\n/** Props for the DropdownMenuGroupOption component */\nexport type DropdownMenuGroupOption =\n  | DropdownMenuGroupOptionCheckbox\n  | DropdownMenuGroupOptionIcon\n  | DropdownMenuGroupOptionText;\n\ninterface DropdownMenuBaseCommonProps extends Omit<MuiMenuProps, 'anchorEl' | 'onClose' | 'open'> {\n  /** Alignment of the menu */\n  align?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n  /** Disabled state of the menu */\n  disabled?: boolean;\n  /** Key of the menu */\n  fdKey: string;\n  /** Size of the menu */\n  size?: 'medium' | 'small';\n}\n\ninterface DropdownMenuCheckboxesProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuIconsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuTextProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\ntype DropdownMenuOptionsProps = DropdownMenuCheckboxesProps | DropdownMenuIconsProps | DropdownMenuTextProps;\n\ninterface DropdownMenuOptionsGroupsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'groups';\n  /** Options of the menu */\n  options: DropdownMenuGroupOption[];\n}\n\ntype DropdownMenuBaseProps = DropdownMenuOptionsGroupsProps | DropdownMenuOptionsProps;\n\ntype AvatarDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: string;\n  /** Source URL for the avatar image */\n  avatarSrc: string;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'avatar';\n};\n\ntype ButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'button';\n};\n\ntype IconButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel: string;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label?: never;\n  /** Type of the menu item */\n  type: 'icon-button';\n};\n\n/** Props for the DropdownMenu component */\nexport type DropdownMenuProps =\n  | AvatarDropdownMenuProps\n  | ButtonDropdownMenuProps\n  | IconButtonDropdownMenuProps;\n\nconst StyledAvatarDropdownMenuButton = styled(Button)<{ disabled?: boolean; size: 'medium' | 'small' }>(\n  ({ theme, size, disabled }) => ({\n    height: size === 'small' ? 48 : 64,\n    padding: theme.spacing(1, 2),\n    textDecoration: 'none',\n\n    '& .MuiButton-icon': {\n      color: disabled\n        ? theme.palette.semantic.icon['icon-disabled']\n        : theme.palette.semantic.icon['icon-strong'],\n    },\n\n    '&:focus-visible, &.Mui-focusVisible': {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n    },\n  }),\n);\n\nconst StyledAvatarListSubheader = styled(MuiListSubheader)(({ theme }) => ({\n  borderBottom: `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  padding: theme.spacing(1, 2),\n}));\n\n// Preserve MUI internals so MenuList handles it correctly\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiName = (MuiListSubheader as any).muiName;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiSkipListHighlight =\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  (MuiListSubheader as unknown as { muiSkipListHighlight?: boolean }).muiSkipListHighlight ?? true;\n\nconst StyledAvatarLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['disabled', 'size'].includes(prop as string),\n})<{ disabled: boolean; size: 'medium' | 'small' }>(({ theme, disabled, size }) => ({\n  display: 'flex',\n  gap: size === 'small' ? theme.spacing(1) : theme.spacing(1.5),\n  alignItems: 'center',\n  textAlign: 'left',\n\n  ...(disabled && {\n    '& .MuiAvatar-root': {\n      opacity: theme.palette.action.disabledOpacity,\n    },\n    ' & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary': {\n      color: theme.palette.semantic.text['text-disabled'],\n    },\n  }),\n}));\n\nconst mapAlignToOrigins = (\n  align: DropdownMenuProps['align'] = 'bottom-left',\n): Pick<MuiMenuProps, 'anchorOrigin' | 'transformOrigin'> => {\n  switch (align) {\n    case 'bottom-left':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n    case 'bottom-right':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'right' },\n        transformOrigin: { vertical: 'top', horizontal: 'right' },\n      };\n    case 'top-left':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'left' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'left' },\n      };\n    case 'top-right':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'right' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'right' },\n      };\n    default:\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n  }\n};\n\n/**\n * A customizable DropdownMenu component supporting button and checkbox menu items with optional groups.\n *\n * @param props - The component props\n * @returns The rendered DropdownMenu component\n */\nexport const DropdownMenu = ({\n  align = 'bottom-left',\n  ariaLabel = '',\n  avatarSrc = '',\n  disabled = false,\n  fdKey,\n  label,\n  options = [],\n  optionsType = 'text',\n  secondaryText,\n  size = 'medium',\n  type = 'button',\n  ...props\n}: DropdownMenuProps): JSX.Element => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const triggerId = `${fdKey}-trigger`;\n  const menuId = `${fdKey}-menu`;\n\n  const handleOpen = (event: React.MouseEvent<HTMLElement>): void => {\n    if (disabled) {\n      return;\n    }\n\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick =\n    (onClick?: React.MouseEventHandler<HTMLLIElement>) =>\n    (event: React.MouseEvent<HTMLLIElement>): void => {\n      onClick?.(event);\n      handleClose();\n    };\n\n  const renderAvatarLabelContainer = (size: 'medium' | 'small'): JSX.Element | null => (\n    <StyledAvatarLabelContainer disabled={disabled} size={size}>\n      <Avatar\n        aria-hidden\n        alt=\"\" // Avatar is described by ListItemText\n        size={size}\n        src={avatarSrc}\n        type=\"logo\"\n      />\n      <ListItemText primary={label} secondary={secondaryText} />\n    </StyledAvatarLabelContainer>\n  );\n\n  const renderTrigger = (): JSX.Element => {\n    if (type === 'icon-button') {\n      return (\n        <IconButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          aria-label={ariaLabel}\n          disabled={disabled}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"secondary\"\n        >\n          <MoreVerticalIcon />\n        </IconButton>\n      );\n    }\n    if (type === 'avatar') {\n      return (\n        <StyledAvatarDropdownMenuButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          disabled={disabled}\n          endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"tertiary\"\n        >\n          {renderAvatarLabelContainer(size)}\n        </StyledAvatarDropdownMenuButton>\n      );\n    }\n\n    return (\n      <Button\n        aria-controls={open ? menuId : undefined}\n        aria-expanded={open}\n        aria-haspopup=\"menu\"\n        disabled={disabled}\n        endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n        fdKey={fdKey}\n        id={triggerId}\n        onClick={handleOpen}\n        size={size}\n        variant=\"secondary\"\n      >\n        {label}\n      </Button>\n    );\n  };\n\n  const renderCheckboxItems = (items: CheckboxMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-checkbox-${index}`}\n          checked={item.checked}\n          disabled={item.disabled}\n          label={item.label}\n          onCheckedChange={item.onCheckedChange}\n          secondaryText={item.secondaryText}\n          type=\"checkbox\"\n        />\n      );\n    });\n\n  const renderIconItems = (items: IconMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-icon-${index}`}\n          disabled={item.disabled}\n          icon={item.icon}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"icon\"\n        />\n      );\n    });\n\n  const renderTextItems = (items: TextMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-text-${index}`}\n          disabled={item.disabled}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"text\"\n        />\n      );\n    });\n\n  const renderItems = (\n    items: Omit<MenuItemProps, 'type'>[],\n    optionsType: DropdownMenuProps['optionsType'] = 'text',\n    keyPrefix: string = 'root',\n  ): JSX.Element[] => {\n    switch (optionsType) {\n      case 'checkboxes':\n        return renderCheckboxItems(items as CheckboxMenuItemProps[], keyPrefix);\n      case 'icons':\n        return renderIconItems(items as IconMenuItemProps[], keyPrefix);\n      case 'text':\n      default:\n        return renderTextItems(items as TextMenuItemProps[], keyPrefix);\n    }\n  };\n\n  // Returns a flat array of group items (subheaders, items, dividers) needed for accessibility\n  const renderGroupItems = (groups: DropdownMenuGroupOption[]): (JSX.Element | null)[] =>\n    groups.flatMap((group, index) => {\n      const groupKey = group.id ?? `group-${index}`;\n\n      const header = group.groupLabel ? (\n        <MuiListSubheader key={`subheader-${groupKey}`}>{group.groupLabel}</MuiListSubheader>\n      ) : null;\n      const items = renderItems(group.options, group.optionsType, groupKey);\n      const divider = index < groups.length - 1 ? <Divider key={`divider-${groupKey}`} /> : null;\n\n      return [header, ...items, divider];\n    });\n\n  const renderAvatarListSubheader = (): JSX.Element => {\n    return <StyledAvatarListSubheader>{renderAvatarLabelContainer('medium')}</StyledAvatarListSubheader>;\n  };\n\n  const optionsItems = useMemo(() => {\n    if (!options || options.length === 0) {\n      return null;\n    }\n\n    if (optionsType === 'groups') {\n      return renderGroupItems(options as DropdownMenuGroupOption[]);\n    }\n\n    return renderItems(options, optionsType);\n  }, [options, optionsType]);\n\n  const origins = mapAlignToOrigins(align);\n\n  return (\n    <>\n      {renderTrigger()}\n\n      <Menu\n        {...props}\n        {...origins}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          ...props.slotProps,\n          list: {\n            ...(props.slotProps?.list ?? {}),\n            id: menuId,\n            'aria-labelledby': triggerId,\n          },\n        }}\n      >\n        {type === 'avatar' && renderAvatarListSubheader()}\n        {optionsItems}\n      </Menu>\n    </>\n  );\n};\n\nexport default DropdownMenu;\n"],"names":["StyledAvatarDropdownMenuButton","styled","Button","theme","size","disabled","height","padding","spacing","textDecoration","color","palette","semantic","icon","backgroundColor","fill","StyledAvatarListSubheader","MuiListSubheader","borderBottom","stroke","muiName","muiSkipListHighlight","StyledAvatarLabelContainer","Box","shouldForwardProp","prop","includes","display","gap","alignItems","textAlign","opacity","action","disabledOpacity","text","DropdownMenu","align","ariaLabel","avatarSrc","fdKey","label","options","optionsType","secondaryText","type","props","anchorEl","setAnchorEl","useState","open","Boolean","triggerId","menuId","handleOpen","event","currentTarget","handleClose","handleClick","onClick","renderAvatarLabelContainer","_jsxs","children","_jsx","Avatar","alt","src","ListItemText","primary","secondary","renderItems","items","keyPrefix","map","item","index","MenuItem","checked","onCheckedChange","id","renderCheckboxItems","renderIconItems","renderTextItems","optionsItems","useMemo","length","groups","flatMap","group","groupKey","groupLabel","Divider","origins","anchorOrigin","vertical","horizontal","transformOrigin","mapAlignToOrigins","_Fragment","IconButton","undefined","variant","MoreVerticalIcon","endIcon","ArrowUp01Icon","ArrowDown01Icon","Menu","onClose","slotProps","list"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/DropdownMenu/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport MuiListSubheader from '@mui/material/ListSubheader';\nimport type { MenuProps as MuiMenuProps } from '@mui/material/Menu';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '@fd/components/atoms/Avatar';\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport Divider from '@fd/components/atoms/Divider';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport ListItemText from '@fd/components/atoms/ListItemText';\nimport MenuItem, {\n  type CheckboxMenuItemProps,\n  type IconMenuItemProps,\n  type MenuItemProps,\n  type TextMenuItemProps,\n} from '@fd/components/atoms/MenuItem';\nimport Menu from '@fd/components/molecules/Menu';\nimport ArrowDown01Icon from '@fd/icons/ArrowDown01';\nimport ArrowUp01Icon from '@fd/icons/ArrowUp01';\nimport MoreVerticalIcon from '@fd/icons/MoreVertical';\n\n/** Props for the DropdownMenuCheckboxOption component */\nexport type DropdownMenuCheckboxOption = Omit<CheckboxMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuIconOption component */\nexport type DropdownMenuIconOption = Omit<IconMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuTextOption component */\nexport type DropdownMenuTextOption = Omit<TextMenuItemProps, 'type'>;\n\ninterface DropdownMenuGroupOptionBase {\n  /** Label of the group */\n  groupLabel?: React.ReactNode;\n  /** ID of the group */\n  id?: string;\n}\n\ninterface DropdownMenuGroupOptionCheckbox extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuGroupOptionIcon extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuGroupOptionText extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType?: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\n/** Props for the DropdownMenuGroupOption component */\nexport type DropdownMenuGroupOption =\n  | DropdownMenuGroupOptionCheckbox\n  | DropdownMenuGroupOptionIcon\n  | DropdownMenuGroupOptionText;\n\ninterface DropdownMenuBaseCommonProps extends Omit<MuiMenuProps, 'anchorEl' | 'onClose' | 'open'> {\n  /** Alignment of the menu */\n  align?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n  /** Disabled state of the menu */\n  disabled?: boolean;\n  /** Key of the menu */\n  fdKey: string;\n  /** Size of the menu */\n  size?: 'medium' | 'small';\n}\n\ninterface DropdownMenuCheckboxesProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuIconsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuTextProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\ntype DropdownMenuOptionsProps = DropdownMenuCheckboxesProps | DropdownMenuIconsProps | DropdownMenuTextProps;\n\ninterface DropdownMenuOptionsGroupsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'groups';\n  /** Options of the menu */\n  options: DropdownMenuGroupOption[];\n}\n\ntype DropdownMenuBaseProps = DropdownMenuOptionsGroupsProps | DropdownMenuOptionsProps;\n\ntype AvatarDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: string;\n  /** Source URL for the avatar image */\n  avatarSrc: string;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'avatar';\n};\n\ntype ButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'button';\n};\n\ntype IconButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel: string;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label?: never;\n  /** Type of the menu item */\n  type: 'icon-button';\n};\n\n/** Props for the DropdownMenu component */\nexport type DropdownMenuProps =\n  | AvatarDropdownMenuProps\n  | ButtonDropdownMenuProps\n  | IconButtonDropdownMenuProps;\n\nconst StyledAvatarDropdownMenuButton = styled(Button)<{ disabled?: boolean; size: 'medium' | 'small' }>(\n  ({ theme, size, disabled }) => ({\n    height: size === 'small' ? 48 : 64,\n    padding: theme.spacing(1, 2),\n    textDecoration: 'none',\n\n    '& .MuiButton-icon': {\n      color: disabled\n        ? theme.palette.semantic.icon['icon-disabled']\n        : theme.palette.semantic.icon['icon-strong'],\n    },\n\n    '&:focus-visible, &.Mui-focusVisible': {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n    },\n  }),\n);\n\nconst StyledAvatarListSubheader = styled(MuiListSubheader)(({ theme }) => ({\n  borderBottom: `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  padding: theme.spacing(1, 2),\n}));\n\n// Preserve MUI internals so MenuList handles it correctly\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiName = (MuiListSubheader as any).muiName;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiSkipListHighlight =\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  (MuiListSubheader as unknown as { muiSkipListHighlight?: boolean }).muiSkipListHighlight ?? true;\n\nconst StyledAvatarLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['disabled', 'size'].includes(prop as string),\n})<{ disabled: boolean; size: 'medium' | 'small' }>(({ theme, disabled, size }) => ({\n  display: 'flex',\n  gap: size === 'small' ? theme.spacing(1) : theme.spacing(1.5),\n  alignItems: 'center',\n  textAlign: 'left',\n\n  ...(disabled && {\n    '& .MuiAvatar-root': {\n      opacity: theme.palette.action.disabledOpacity,\n    },\n    ' & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary': {\n      color: theme.palette.semantic.text['text-disabled'],\n    },\n  }),\n}));\n\nconst mapAlignToOrigins = (\n  align: DropdownMenuProps['align'] = 'bottom-left',\n): Pick<MuiMenuProps, 'anchorOrigin' | 'transformOrigin'> => {\n  switch (align) {\n    case 'bottom-left':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n    case 'bottom-right':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'right' },\n        transformOrigin: { vertical: 'top', horizontal: 'right' },\n      };\n    case 'top-left':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'left' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'left' },\n      };\n    case 'top-right':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'right' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'right' },\n      };\n    default:\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n  }\n};\n\n/**\n * A customizable DropdownMenu component supporting button and checkbox menu items with optional groups.\n *\n * @param props - The component props\n * @returns The rendered DropdownMenu component\n */\nexport const DropdownMenu = ({\n  align = 'bottom-left',\n  ariaLabel = '',\n  avatarSrc = '',\n  disabled = false,\n  fdKey,\n  label,\n  options = [],\n  optionsType = 'text',\n  secondaryText,\n  size = 'medium',\n  type = 'button',\n  ...props\n}: DropdownMenuProps): JSX.Element => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const triggerId = `${fdKey}-trigger`;\n  const menuId = `${fdKey}-menu`;\n\n  const handleOpen = (event: React.MouseEvent<HTMLElement>): void => {\n    if (disabled) {\n      return;\n    }\n\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick =\n    (onClick?: React.MouseEventHandler<HTMLLIElement>) =>\n    (event: React.MouseEvent<HTMLLIElement>): void => {\n      onClick?.(event);\n      handleClose();\n    };\n\n  const renderAvatarLabelContainer = (size: 'medium' | 'small'): JSX.Element | null => (\n    <StyledAvatarLabelContainer disabled={disabled} size={size}>\n      <Avatar\n        aria-hidden\n        alt=\"\" // Avatar is described by ListItemText\n        size={size}\n        src={avatarSrc}\n        type=\"logo\"\n      />\n      <ListItemText primary={label} secondary={secondaryText} />\n    </StyledAvatarLabelContainer>\n  );\n\n  const renderTrigger = (): JSX.Element => {\n    if (type === 'icon-button') {\n      return (\n        <IconButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          aria-label={ariaLabel}\n          disabled={disabled}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"secondary\"\n        >\n          <MoreVerticalIcon />\n        </IconButton>\n      );\n    }\n    if (type === 'avatar') {\n      return (\n        <StyledAvatarDropdownMenuButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          disabled={disabled}\n          endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"tertiary\"\n        >\n          {renderAvatarLabelContainer(size)}\n        </StyledAvatarDropdownMenuButton>\n      );\n    }\n\n    return (\n      <Button\n        aria-controls={open ? menuId : undefined}\n        aria-expanded={open}\n        aria-haspopup=\"menu\"\n        disabled={disabled}\n        endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n        fdKey={fdKey}\n        id={triggerId}\n        onClick={handleOpen}\n        size={size}\n        variant=\"secondary\"\n      >\n        {label}\n      </Button>\n    );\n  };\n\n  const renderCheckboxItems = (items: CheckboxMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-checkbox-${index}`}\n          checked={item.checked}\n          disabled={item.disabled}\n          label={item.label}\n          onCheckedChange={item.onCheckedChange}\n          secondaryText={item.secondaryText}\n          type=\"checkbox\"\n        />\n      );\n    });\n\n  const renderIconItems = (items: IconMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-icon-${index}`}\n          disabled={item.disabled}\n          icon={item.icon}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"icon\"\n        />\n      );\n    });\n\n  const renderTextItems = (items: TextMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-text-${index}`}\n          disabled={item.disabled}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"text\"\n        />\n      );\n    });\n\n  const renderItems = (\n    items: Omit<MenuItemProps, 'type'>[],\n    optionsType: DropdownMenuProps['optionsType'] = 'text',\n    keyPrefix: string = 'root',\n  ): JSX.Element[] => {\n    switch (optionsType) {\n      case 'checkboxes':\n        return renderCheckboxItems(items as CheckboxMenuItemProps[], keyPrefix);\n      case 'icons':\n        return renderIconItems(items as IconMenuItemProps[], keyPrefix);\n      case 'text':\n      default:\n        return renderTextItems(items as TextMenuItemProps[], keyPrefix);\n    }\n  };\n\n  // Returns a flat array of group items (subheaders, items, dividers) needed for accessibility\n  const renderGroupItems = (groups: DropdownMenuGroupOption[]): (JSX.Element | null)[] =>\n    groups.flatMap((group, index) => {\n      const groupKey = group.id ?? `group-${index}`;\n\n      const header = group.groupLabel ? (\n        <MuiListSubheader key={`subheader-${groupKey}`}>{group.groupLabel}</MuiListSubheader>\n      ) : null;\n      const items = renderItems(group.options, group.optionsType, groupKey);\n      const divider = index < groups.length - 1 ? <Divider key={`divider-${groupKey}`} /> : null;\n\n      return [header, ...items, divider];\n    });\n\n  const renderAvatarListSubheader = (): JSX.Element => {\n    return <StyledAvatarListSubheader>{renderAvatarLabelContainer('medium')}</StyledAvatarListSubheader>;\n  };\n\n  const optionsItems = useMemo(() => {\n    if (!options || options.length === 0) {\n      return null;\n    }\n\n    if (optionsType === 'groups') {\n      return renderGroupItems(options as DropdownMenuGroupOption[]);\n    }\n\n    return renderItems(options, optionsType);\n  }, [options, optionsType]);\n\n  const origins = mapAlignToOrigins(align);\n\n  return (\n    <>\n      {renderTrigger()}\n\n      <Menu\n        {...props}\n        {...origins}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          ...props.slotProps,\n          list: {\n            ...(props.slotProps?.list ?? {}),\n            id: menuId,\n            'aria-labelledby': triggerId,\n          },\n        }}\n      >\n        {type === 'avatar' && renderAvatarListSubheader()}\n        {optionsItems}\n      </Menu>\n    </>\n  );\n};\n\nexport default DropdownMenu;\n"],"names":["StyledAvatarDropdownMenuButton","styled","Button","theme","size","disabled","height","padding","spacing","textDecoration","color","palette","semantic","icon","backgroundColor","fill","StyledAvatarListSubheader","MuiListSubheader","borderBottom","stroke","muiName","muiSkipListHighlight","StyledAvatarLabelContainer","Box","shouldForwardProp","prop","includes","display","gap","alignItems","textAlign","opacity","action","disabledOpacity","text","DropdownMenu","align","ariaLabel","avatarSrc","fdKey","label","options","optionsType","secondaryText","type","props","anchorEl","setAnchorEl","useState","open","Boolean","triggerId","menuId","handleOpen","event","currentTarget","handleClose","handleClick","onClick","renderAvatarLabelContainer","_jsxs","children","_jsx","Avatar","alt","src","ListItemText","primary","secondary","renderItems","items","keyPrefix","map","item","index","MenuItem","checked","onCheckedChange","id","renderCheckboxItems","renderIconItems","renderTextItems","optionsItems","useMemo","length","groups","flatMap","group","groupKey","groupLabel","Divider","origins","anchorOrigin","vertical","horizontal","transformOrigin","mapAlignToOrigins","_Fragment","IconButton","undefined","variant","MoreVerticalIcon","endIcon","ArrowUp01Icon","ArrowDown01Icon","Menu","onClose","slotProps","list"],"mappings":"uqBA0JA,MAAMA,EAAiCC,EAAAA,OAAOC,SAAPD,CACrC,EAAGE,QAAOC,OAAMC,eAAU,CACxBC,OAAiB,UAATF,EAAmB,GAAK,GAChCG,QAASJ,EAAMK,QAAQ,EAAG,GAC1BC,eAAgB,OAEhB,oBAAqB,CACnBC,MAAOL,EACHF,EAAMQ,QAAQC,SAASC,KAAK,iBAC5BV,EAAMQ,QAAQC,SAASC,KAAK,gBAGlC,sCAAuC,CACrCC,gBAAiBX,EAAMQ,QAAQC,SAASG,KAAK,iBAK7CC,EAA4Bf,EAAAA,OAAOgB,EAAPhB,CAAyB,EAAGE,YAAO,CACnEe,aAAc,aAAaf,EAAMQ,QAAQC,SAASO,OAAO,iBACzDZ,QAASJ,EAAMK,QAAQ,EAAG,MAK3BQ,EAAkCI,QAAWH,EAAyBG,QAEtEJ,EAAkCK,qBAEhCJ,EAAmEI,uBAAwB,EAE9F,MAAMC,EAA6BrB,EAAAA,OAAOsB,EAAK,CAC7CC,kBAAoBC,IAAU,CAAC,WAAY,QAAQC,SAASD,IAD3BxB,CAEiB,EAAGE,QAAOE,WAAUD,WAAM,CAC5EuB,QAAS,OACTC,IAAc,UAATxB,EAAmBD,EAAMK,QAAQ,GAAKL,EAAMK,QAAQ,KACzDqB,WAAY,SACZC,UAAW,UAEPzB,GAAY,CACd,oBAAqB,CACnB0B,QAAS5B,EAAMQ,QAAQqB,OAAOC,iBAEhC,qFAAsF,CACpFvB,MAAOP,EAAMQ,QAAQC,SAASsB,KAAK,sBA2C5BC,EAAe,EAC1BC,QAAQ,cACRC,YAAY,GACZC,YAAY,GACZjC,YAAW,EACXkC,QACAC,QACAC,UAAU,GACVC,cAAc,OACdC,gBACAvC,OAAO,SACPwC,OAAO,YACJC,MAEH,MAAOC,EAAUC,GAAeC,EAAAA,SAA6B,MACvDC,EAAOC,QAAQJ,GAEfK,EAAY,GAAGZ,YACfa,EAAS,GAAGb,SAEZc,EAAcC,IACdjD,GAIJ0C,EAAYO,EAAMC,gBAGdC,EAAc,KAClBT,EAAY,OAGRU,EACHC,GACAJ,IACCI,IAAUJ,GACVE,KAGEG,EAA8BvD,GAClCwD,EAAAA,KAACtC,EAA0B,CAACjB,SAAUA,EAAUD,KAAMA,EAAIyD,SAAA,CACxDC,MAACC,EAAM,CAAA,eAAA,EAELC,IAAI,GACJ5D,KAAMA,EACN6D,IAAK3B,EACLM,KAAK,SAEPkB,EAAAA,IAACI,EAAY,CAACC,QAAS3B,EAAO4B,UAAWzB,OAwGvC0B,EAAc,CAClBC,EACA5B,EAAgD,OAChD6B,EAAoB,UAEpB,OAAQ7B,GACN,IAAK,aACH,MAnDsB,EAAC4B,EAAgCC,IAC3DD,EAAME,IAAI,CAACC,EAAMC,IAEbZ,EAAAA,IAACa,EAAAA,SAAQ,CAEPC,QAASH,EAAKG,QACdvE,SAAUoE,EAAKpE,SACfmC,MAAOiC,EAAKjC,MACZqC,gBAAiBJ,EAAKI,gBACtBlC,cAAe8B,EAAK9B,cACpBC,KAAK,YANA6B,EAAKK,IAAM,GAAGP,cAAsBG,MA+CpCK,CAAoBT,EAAkCC,GAC/D,IAAK,QACH,MAtCkB,EAACD,EAA4BC,IACnDD,EAAME,IAAI,CAACC,EAAMC,IAEbZ,EAAAA,IAACa,EAAAA,SAAQ,CAEPtE,SAAUoE,EAAKpE,SACfQ,KAAM4D,EAAK5D,KACX2B,MAAOiC,EAAKjC,MACZkB,QAASD,EAAYgB,EAAKf,SAC1Bf,cAAe8B,EAAK9B,cACpBC,KAAK,QANA6B,EAAKK,IAAM,GAAGP,UAAkBG,MAkChCM,CAAgBV,EAA8BC,GAEvD,QACE,MA1BkB,EAACD,EAA4BC,IACnDD,EAAME,IAAI,CAACC,EAAMC,IAEbZ,MAACa,EAAAA,SAAQ,CAEPtE,SAAUoE,EAAKpE,SACfmC,MAAOiC,EAAKjC,MACZkB,QAASD,EAAYgB,EAAKf,SAC1Bf,cAAe8B,EAAK9B,cACpBC,KAAK,QALA6B,EAAKK,IAAM,GAAGP,UAAkBG,MAsBhCO,CAAgBX,EAA8BC,KAsBrDW,EAAeC,EAAAA,QAAQ,KAC3B,OAAK1C,GAA8B,IAAnBA,EAAQ2C,OAIJ,WAAhB1C,GAtBoB2C,EAuBE5C,GAtBnB6C,QAAQ,CAACC,EAAOb,KACrB,MAAMc,EAAWD,EAAMT,IAAM,SAASJ,IAQtC,MAAO,CANQa,EAAME,WACnB3B,EAAAA,IAAC7C,EAAgB,CAAA4C,SAAgC0B,EAAME,YAAhC,aAAaD,KAClC,QACUnB,EAAYkB,EAAM9C,QAAS8C,EAAM7C,YAAa8C,GAC5Cd,EAAQW,EAAOD,OAAS,EAAItB,EAAAA,IAAC4B,EAAO,CAAA,EAAM,WAAWF,KAAiB,QAkBjFnB,EAAY5B,EAASC,GAPnB,KAnBc,IAAC2C,GA2BvB,CAAC5C,EAASC,IAEPiD,EA5OkB,EACxBvD,EAAoC,iBAEpC,OAAQA,GACN,IAAK,cAoBL,QACE,MAAO,CACLwD,aAAc,CAAEC,SAAU,SAAUC,WAAY,QAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAlBpD,IAAK,eACH,MAAO,CACLF,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,UAEpD,IAAK,WACH,MAAO,CACLF,aAAc,CAAEC,SAAU,MAAOC,WAAY,QAC7CC,gBAAiB,CAAEF,SAAU,SAAUC,WAAY,SAEvD,IAAK,YACH,MAAO,CACLF,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,gBAAiB,CAAEF,SAAU,SAAUC,WAAY,YAsNzCE,CAAkB5D,GAElC,OACEwB,EAAAA,KAAAqC,EAAAA,SAAA,CAAApC,SAAA,CApJa,gBAATjB,EAEAkB,EAAAA,IAACoC,EAAAA,WAAU,CAAA,gBACMjD,EAAOG,OAAS+C,EAAS,gBACzBlD,EAAI,gBACL,oBACFZ,EACZhC,SAAUA,EACVkC,MAAOA,EACPuC,GAAI3B,EACJO,QAASL,EACTjD,KAAMA,EACNgG,QAAQ,YAAWvC,SAEnBC,EAAAA,IAACuC,EAAgB,CAAA,KAIV,WAATzD,EAEAkB,EAAAA,IAAC9D,EAA8B,CAAA,gBACdiD,EAAOG,OAAS+C,EAAS,gBACzBlD,EAAI,gBACL,OACd5C,SAAUA,EACViG,QAASrD,EAAOa,EAAAA,IAACyC,EAAa,CAAA,GAAMzC,EAAAA,IAAC0C,EAAe,IACpDjE,MAAOA,EACPuC,GAAI3B,EACJO,QAASL,EACTjD,KAAMA,EACNgG,QAAQ,WAAUvC,SAEjBF,EAA2BvD,KAMhC0D,EAAAA,IAAC5D,EAAAA,OAAM,CAAA,gBACU+C,EAAOG,OAAS+C,EAAS,gBACzBlD,EAAI,gBACL,OACd5C,SAAUA,EACViG,QAASrD,EAAOa,EAAAA,IAACyC,EAAa,CAAA,GAAMzC,EAAAA,IAAC0C,EAAe,CAAA,GACpDjE,MAAOA,EACPuC,GAAI3B,EACJO,QAASL,EACTjD,KAAMA,EACNgG,QAAQ,YAAWvC,SAElBrB,IAqGHoB,EAAAA,KAAC6C,EAAI,IACC5D,KACA8C,EACJ7C,SAAUA,EACV4D,QAASlD,EACTP,KAAMA,EACN0D,UAAW,IACN9D,EAAM8D,UACTC,KAAM,IACA/D,EAAM8D,WAAWC,MAAQ,GAC7B9B,GAAI1B,EACJ,kBAAmBD,IAEtBU,SAAA,CAES,WAATjB,GApCEkB,EAAAA,IAAC9C,EAAyB,CAAA6C,SAAEF,EAA2B,YAqCzDuB"}

package/dist/components/molecules/DropdownMenu/index.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as o,useMemo as a}from"react";import r from"@mui/material/ListSubheader";import{styled as n}from"@mui/material/styles";import l from"../../atoms/Avatar/index.js";import s from"@mui/material/Box";import{Button as d}from"../../atoms/Button/index.js";import c from"@mui/material/Divider";import{IconButton as m}from"../../atoms/IconButton/index.js";import p from"@mui/material/ListItemText";import{MenuItem as u}from"../../atoms/MenuItem/index.js";import h from"@mui/material/Menu";import b from"../../../icons/ArrowDown01/index.js";import g from"../../../icons/ArrowUp01/index.js";import f from"../../../icons/MoreVertical/index.js";const x=n(d)((({theme:e,size:t,disabled:i})=>({height:"small"===t?48:64,padding:e.spacing(1,2),textDecoration:"none","& .MuiButton-icon":{color:i?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:e.palette.semantic.fill["fill-weak"]}}))),y=n(r)((({theme:e})=>({borderBottom:`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,padding:e.spacing(1,2)})));y.muiName=r.muiName,y.muiSkipListHighlight=r.muiSkipListHighlight??!0;const v=n(s,{shouldForwardProp:e=>!["disabled","size"].includes(e)})((({theme:e,disabled:t,size:i})=>({display:"flex",gap:"small"===i?e.spacing(1):e.spacing(1.5),alignItems:"center",textAlign:"left",...t&&{"& .MuiAvatar-root":{opacity:e.palette.action.disabledOpacity}," & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary":{color:e.palette.semantic.text["text-disabled"]}}}))),k=({align:n="bottom-left",ariaLabel:s="",avatarSrc:k="",disabled:z=!1,fdKey:T,label:C,options:$=[],optionsType:L="text",secondaryText:M,size:I="medium",type:O="button",...j})=>{const[w,B]=o(null),A=Boolean(w),K=`${T}-trigger`,P=`${T}-menu`,S=e=>{z||B(e.currentTarget)},D=()=>{B(null)},H=e=>t=>{e?.(t),D()},N=t=>e(v,{disabled:z,size:t,children:[i(l,{"aria-hidden":!0,alt:"",size:t,src:k,type:"logo"}),i(p,{primary:C,secondary:M})]}),V=(e,t="text",o="root")=>{switch(t){case"checkboxes":return((e,t)=>e.map(((e,o)=>i(u,{checked:e.checked,disabled:e.disabled,label:e.label,onCheckedChange:e.onCheckedChange,secondaryText:e.secondaryText,type:"checkbox"},e.id??`${t}-checkbox-${o}`))))(e,o);case"icons":return((e,t)=>e.map(((e,o)=>i(u,{disabled:e.disabled,icon:e.icon,label:e.label,onClick:H(e.onClick),secondaryText:e.secondaryText,type:"icon"},e.id??`${t}-icon-${o}`))))(e,o);default:return((e,t)=>e.map(((e,o)=>i(u,{disabled:e.disabled,label:e.label,onClick:H(e.onClick),secondaryText:e.secondaryText,type:"text"},e.id??`${t}-text-${o}`))))(e,o)}},E=a((()=>{return $&&0!==$.length?"groups"===L?(e=$).flatMap(((t,o)=>{const a=t.id??`group-${o}`;return[t.groupLabel?i(r,{children:t.groupLabel},`subheader-${a}`):null,...V(t.options,t.optionsType,a),o<e.length-1?i(c,{},`divider-${a}`):null]})):V($,L):null;var e}),[$,L]),F=((e="bottom-left")=>{switch(e){case"bottom-left":default:return{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}};case"bottom-right":return{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}};case"top-left":return{anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"}};case"top-right":return{anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}}}})(n);return e(t,{children:["icon-button"===O?i(m,{"aria-controls":A?P:void 0,"aria-expanded":A,"aria-haspopup":"menu","aria-label":s,disabled:z,fdKey:T,id:K,onClick:S,size:I,variant:"secondary",children:i(f,{})}):"avatar"===O?i(x,{"aria-controls":A?P:void 0,"aria-expanded":A,"aria-haspopup":"menu",disabled:z,endIcon:i(A?g:b,{}),fdKey:T,id:K,onClick:S,size:I,variant:"tertiary",children:N(I)}):i(d,{"aria-controls":A?P:void 0,"aria-expanded":A,"aria-haspopup":"menu",disabled:z,endIcon:i(A?g:b,{}),fdKey:T,id:K,onClick:S,size:I,variant:"secondary",children:C}),e(h,{...j,...F,anchorEl:w,onClose:D,open:A,slotProps:{...j.slotProps,list:{...j.slotProps?.list??{},id:P,"aria-labelledby":K}},children:["avatar"===O&&i(y,{children:N("medium")}),E]})]})};export{k as DropdownMenu,k as default};
+import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{useState as o,useMemo as a}from"react";import r from"@mui/material/ListSubheader";import{styled as n}from"@mui/material/styles";import l from"../../atoms/Avatar/index.js";import s from"@mui/material/Box";import{Button as d}from"../../atoms/Button/index.js";import c from"@mui/material/Divider";import{IconButton as m}from"../../atoms/IconButton/index.js";import p from"@mui/material/ListItemText";import{MenuItem as u}from"../../atoms/MenuItem/index.js";import h from"@mui/material/Menu";import b from"../../../icons/ArrowDown01/index.js";import g from"../../../icons/ArrowUp01/index.js";import f from"../../../icons/MoreVertical/index.js";const x=n(d)(({theme:e,size:t,disabled:i})=>({height:"small"===t?48:64,padding:e.spacing(1,2),textDecoration:"none","& .MuiButton-icon":{color:i?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:e.palette.semantic.fill["fill-weak"]}})),y=n(r)(({theme:e})=>({borderBottom:`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,padding:e.spacing(1,2)}));y.muiName=r.muiName,y.muiSkipListHighlight=r.muiSkipListHighlight??!0;const v=n(s,{shouldForwardProp:e=>!["disabled","size"].includes(e)})(({theme:e,disabled:t,size:i})=>({display:"flex",gap:"small"===i?e.spacing(1):e.spacing(1.5),alignItems:"center",textAlign:"left",...t&&{"& .MuiAvatar-root":{opacity:e.palette.action.disabledOpacity}," & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary":{color:e.palette.semantic.text["text-disabled"]}}})),k=({align:n="bottom-left",ariaLabel:s="",avatarSrc:k="",disabled:z=!1,fdKey:T,label:C,options:$=[],optionsType:L="text",secondaryText:M,size:I="medium",type:O="button",...j})=>{const[w,B]=o(null),A=Boolean(w),K=`${T}-trigger`,P=`${T}-menu`,S=e=>{z||B(e.currentTarget)},D=()=>{B(null)},H=e=>t=>{e?.(t),D()},N=t=>e(v,{disabled:z,size:t,children:[i(l,{"aria-hidden":!0,alt:"",size:t,src:k,type:"logo"}),i(p,{primary:C,secondary:M})]}),V=(e,t="text",o="root")=>{switch(t){case"checkboxes":return((e,t)=>e.map((e,o)=>i(u,{checked:e.checked,disabled:e.disabled,label:e.label,onCheckedChange:e.onCheckedChange,secondaryText:e.secondaryText,type:"checkbox"},e.id??`${t}-checkbox-${o}`)))(e,o);case"icons":return((e,t)=>e.map((e,o)=>i(u,{disabled:e.disabled,icon:e.icon,label:e.label,onClick:H(e.onClick),secondaryText:e.secondaryText,type:"icon"},e.id??`${t}-icon-${o}`)))(e,o);default:return((e,t)=>e.map((e,o)=>i(u,{disabled:e.disabled,label:e.label,onClick:H(e.onClick),secondaryText:e.secondaryText,type:"text"},e.id??`${t}-text-${o}`)))(e,o)}},E=a(()=>{return $&&0!==$.length?"groups"===L?(e=$).flatMap((t,o)=>{const a=t.id??`group-${o}`;return[t.groupLabel?i(r,{children:t.groupLabel},`subheader-${a}`):null,...V(t.options,t.optionsType,a),o<e.length-1?i(c,{},`divider-${a}`):null]}):V($,L):null;var e},[$,L]),F=((e="bottom-left")=>{switch(e){case"bottom-left":default:return{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}};case"bottom-right":return{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}};case"top-left":return{anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"}};case"top-right":return{anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}}}})(n);return e(t,{children:["icon-button"===O?i(m,{"aria-controls":A?P:void 0,"aria-expanded":A,"aria-haspopup":"menu","aria-label":s,disabled:z,fdKey:T,id:K,onClick:S,size:I,variant:"secondary",children:i(f,{})}):"avatar"===O?i(x,{"aria-controls":A?P:void 0,"aria-expanded":A,"aria-haspopup":"menu",disabled:z,endIcon:i(A?g:b,{}),fdKey:T,id:K,onClick:S,size:I,variant:"tertiary",children:N(I)}):i(d,{"aria-controls":A?P:void 0,"aria-expanded":A,"aria-haspopup":"menu",disabled:z,endIcon:i(A?g:b,{}),fdKey:T,id:K,onClick:S,size:I,variant:"secondary",children:C}),e(h,{...j,...F,anchorEl:w,onClose:D,open:A,slotProps:{...j.slotProps,list:{...j.slotProps?.list??{},id:P,"aria-labelledby":K}},children:["avatar"===O&&i(y,{children:N("medium")}),E]})]})};export{k as DropdownMenu,k as default};
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/DropdownMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/DropdownMenu/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport MuiListSubheader from '@mui/material/ListSubheader';\nimport type { MenuProps as MuiMenuProps } from '@mui/material/Menu';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '@fd/components/atoms/Avatar';\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport Divider from '@fd/components/atoms/Divider';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport ListItemText from '@fd/components/atoms/ListItemText';\nimport MenuItem, {\n  type CheckboxMenuItemProps,\n  type IconMenuItemProps,\n  type MenuItemProps,\n  type TextMenuItemProps,\n} from '@fd/components/atoms/MenuItem';\nimport Menu from '@fd/components/molecules/Menu';\nimport ArrowDown01Icon from '@fd/icons/ArrowDown01';\nimport ArrowUp01Icon from '@fd/icons/ArrowUp01';\nimport MoreVerticalIcon from '@fd/icons/MoreVertical';\n\n/** Props for the DropdownMenuCheckboxOption component */\nexport type DropdownMenuCheckboxOption = Omit<CheckboxMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuIconOption component */\nexport type DropdownMenuIconOption = Omit<IconMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuTextOption component */\nexport type DropdownMenuTextOption = Omit<TextMenuItemProps, 'type'>;\n\ninterface DropdownMenuGroupOptionBase {\n  /** Label of the group */\n  groupLabel?: React.ReactNode;\n  /** ID of the group */\n  id?: string;\n}\n\ninterface DropdownMenuGroupOptionCheckbox extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuGroupOptionIcon extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuGroupOptionText extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType?: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\n/** Props for the DropdownMenuGroupOption component */\nexport type DropdownMenuGroupOption =\n  | DropdownMenuGroupOptionCheckbox\n  | DropdownMenuGroupOptionIcon\n  | DropdownMenuGroupOptionText;\n\ninterface DropdownMenuBaseCommonProps extends Omit<MuiMenuProps, 'anchorEl' | 'onClose' | 'open'> {\n  /** Alignment of the menu */\n  align?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n  /** Disabled state of the menu */\n  disabled?: boolean;\n  /** Key of the menu */\n  fdKey: string;\n  /** Size of the menu */\n  size?: 'medium' | 'small';\n}\n\ninterface DropdownMenuCheckboxesProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuIconsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuTextProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\ntype DropdownMenuOptionsProps = DropdownMenuCheckboxesProps | DropdownMenuIconsProps | DropdownMenuTextProps;\n\ninterface DropdownMenuOptionsGroupsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'groups';\n  /** Options of the menu */\n  options: DropdownMenuGroupOption[];\n}\n\ntype DropdownMenuBaseProps = DropdownMenuOptionsGroupsProps | DropdownMenuOptionsProps;\n\ntype AvatarDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: string;\n  /** Source URL for the avatar image */\n  avatarSrc: string;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'avatar';\n};\n\ntype ButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'button';\n};\n\ntype IconButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel: string;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label?: never;\n  /** Type of the menu item */\n  type: 'icon-button';\n};\n\n/** Props for the DropdownMenu component */\nexport type DropdownMenuProps =\n  | AvatarDropdownMenuProps\n  | ButtonDropdownMenuProps\n  | IconButtonDropdownMenuProps;\n\nconst StyledAvatarDropdownMenuButton = styled(Button)<{ disabled?: boolean; size: 'medium' | 'small' }>(\n  ({ theme, size, disabled }) => ({\n    height: size === 'small' ? 48 : 64,\n    padding: theme.spacing(1, 2),\n    textDecoration: 'none',\n\n    '& .MuiButton-icon': {\n      color: disabled\n        ? theme.palette.semantic.icon['icon-disabled']\n        : theme.palette.semantic.icon['icon-strong'],\n    },\n\n    '&:focus-visible, &.Mui-focusVisible': {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n    },\n  }),\n);\n\nconst StyledAvatarListSubheader = styled(MuiListSubheader)(({ theme }) => ({\n  borderBottom: `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  padding: theme.spacing(1, 2),\n}));\n\n// Preserve MUI internals so MenuList handles it correctly\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiName = (MuiListSubheader as any).muiName;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiSkipListHighlight =\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  (MuiListSubheader as unknown as { muiSkipListHighlight?: boolean }).muiSkipListHighlight ?? true;\n\nconst StyledAvatarLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['disabled', 'size'].includes(prop as string),\n})<{ disabled: boolean; size: 'medium' | 'small' }>(({ theme, disabled, size }) => ({\n  display: 'flex',\n  gap: size === 'small' ? theme.spacing(1) : theme.spacing(1.5),\n  alignItems: 'center',\n  textAlign: 'left',\n\n  ...(disabled && {\n    '& .MuiAvatar-root': {\n      opacity: theme.palette.action.disabledOpacity,\n    },\n    ' & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary': {\n      color: theme.palette.semantic.text['text-disabled'],\n    },\n  }),\n}));\n\nconst mapAlignToOrigins = (\n  align: DropdownMenuProps['align'] = 'bottom-left',\n): Pick<MuiMenuProps, 'anchorOrigin' | 'transformOrigin'> => {\n  switch (align) {\n    case 'bottom-left':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n    case 'bottom-right':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'right' },\n        transformOrigin: { vertical: 'top', horizontal: 'right' },\n      };\n    case 'top-left':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'left' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'left' },\n      };\n    case 'top-right':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'right' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'right' },\n      };\n    default:\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n  }\n};\n\n/**\n * A customizable DropdownMenu component supporting button and checkbox menu items with optional groups.\n *\n * @param props - The component props\n * @returns The rendered DropdownMenu component\n */\nexport const DropdownMenu = ({\n  align = 'bottom-left',\n  ariaLabel = '',\n  avatarSrc = '',\n  disabled = false,\n  fdKey,\n  label,\n  options = [],\n  optionsType = 'text',\n  secondaryText,\n  size = 'medium',\n  type = 'button',\n  ...props\n}: DropdownMenuProps): JSX.Element => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const triggerId = `${fdKey}-trigger`;\n  const menuId = `${fdKey}-menu`;\n\n  const handleOpen = (event: React.MouseEvent<HTMLElement>): void => {\n    if (disabled) {\n      return;\n    }\n\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick =\n    (onClick?: React.MouseEventHandler<HTMLLIElement>) =>\n    (event: React.MouseEvent<HTMLLIElement>): void => {\n      onClick?.(event);\n      handleClose();\n    };\n\n  const renderAvatarLabelContainer = (size: 'medium' | 'small'): JSX.Element | null => (\n    <StyledAvatarLabelContainer disabled={disabled} size={size}>\n      <Avatar\n        aria-hidden\n        alt=\"\" // Avatar is described by ListItemText\n        size={size}\n        src={avatarSrc}\n        type=\"logo\"\n      />\n      <ListItemText primary={label} secondary={secondaryText} />\n    </StyledAvatarLabelContainer>\n  );\n\n  const renderTrigger = (): JSX.Element => {\n    if (type === 'icon-button') {\n      return (\n        <IconButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          aria-label={ariaLabel}\n          disabled={disabled}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"secondary\"\n        >\n          <MoreVerticalIcon />\n        </IconButton>\n      );\n    }\n    if (type === 'avatar') {\n      return (\n        <StyledAvatarDropdownMenuButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          disabled={disabled}\n          endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"tertiary\"\n        >\n          {renderAvatarLabelContainer(size)}\n        </StyledAvatarDropdownMenuButton>\n      );\n    }\n\n    return (\n      <Button\n        aria-controls={open ? menuId : undefined}\n        aria-expanded={open}\n        aria-haspopup=\"menu\"\n        disabled={disabled}\n        endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n        fdKey={fdKey}\n        id={triggerId}\n        onClick={handleOpen}\n        size={size}\n        variant=\"secondary\"\n      >\n        {label}\n      </Button>\n    );\n  };\n\n  const renderCheckboxItems = (items: CheckboxMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-checkbox-${index}`}\n          checked={item.checked}\n          disabled={item.disabled}\n          label={item.label}\n          onCheckedChange={item.onCheckedChange}\n          secondaryText={item.secondaryText}\n          type=\"checkbox\"\n        />\n      );\n    });\n\n  const renderIconItems = (items: IconMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-icon-${index}`}\n          disabled={item.disabled}\n          icon={item.icon}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"icon\"\n        />\n      );\n    });\n\n  const renderTextItems = (items: TextMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-text-${index}`}\n          disabled={item.disabled}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"text\"\n        />\n      );\n    });\n\n  const renderItems = (\n    items: Omit<MenuItemProps, 'type'>[],\n    optionsType: DropdownMenuProps['optionsType'] = 'text',\n    keyPrefix: string = 'root',\n  ): JSX.Element[] => {\n    switch (optionsType) {\n      case 'checkboxes':\n        return renderCheckboxItems(items as CheckboxMenuItemProps[], keyPrefix);\n      case 'icons':\n        return renderIconItems(items as IconMenuItemProps[], keyPrefix);\n      case 'text':\n      default:\n        return renderTextItems(items as TextMenuItemProps[], keyPrefix);\n    }\n  };\n\n  // Returns a flat array of group items (subheaders, items, dividers) needed for accessibility\n  const renderGroupItems = (groups: DropdownMenuGroupOption[]): (JSX.Element | null)[] =>\n    groups.flatMap((group, index) => {\n      const groupKey = group.id ?? `group-${index}`;\n\n      const header = group.groupLabel ? (\n        <MuiListSubheader key={`subheader-${groupKey}`}>{group.groupLabel}</MuiListSubheader>\n      ) : null;\n      const items = renderItems(group.options, group.optionsType, groupKey);\n      const divider = index < groups.length - 1 ? <Divider key={`divider-${groupKey}`} /> : null;\n\n      return [header, ...items, divider];\n    });\n\n  const renderAvatarListSubheader = (): JSX.Element => {\n    return <StyledAvatarListSubheader>{renderAvatarLabelContainer('medium')}</StyledAvatarListSubheader>;\n  };\n\n  const optionsItems = useMemo(() => {\n    if (!options || options.length === 0) {\n      return null;\n    }\n\n    if (optionsType === 'groups') {\n      return renderGroupItems(options as DropdownMenuGroupOption[]);\n    }\n\n    return renderItems(options, optionsType);\n  }, [options, optionsType]);\n\n  const origins = mapAlignToOrigins(align);\n\n  return (\n    <>\n      {renderTrigger()}\n\n      <Menu\n        {...props}\n        {...origins}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          ...props.slotProps,\n          list: {\n            ...(props.slotProps?.list ?? {}),\n            id: menuId,\n            'aria-labelledby': triggerId,\n          },\n        }}\n      >\n        {type === 'avatar' && renderAvatarListSubheader()}\n        {optionsItems}\n      </Menu>\n    </>\n  );\n};\n\nexport default DropdownMenu;\n"],"names":["StyledAvatarDropdownMenuButton","styled","Button","theme","size","disabled","height","padding","spacing","textDecoration","color","palette","semantic","icon","backgroundColor","fill","StyledAvatarListSubheader","MuiListSubheader","borderBottom","stroke","muiName","muiSkipListHighlight","StyledAvatarLabelContainer","Box","shouldForwardProp","prop","includes","display","gap","alignItems","textAlign","opacity","action","disabledOpacity","text","DropdownMenu","align","ariaLabel","avatarSrc","fdKey","label","options","optionsType","secondaryText","type","props","anchorEl","setAnchorEl","useState","open","Boolean","triggerId","menuId","handleOpen","event","currentTarget","handleClose","handleClick","onClick","renderAvatarLabelContainer","_jsxs","children","_jsx","Avatar","alt","src","ListItemText","primary","secondary","renderItems","items","keyPrefix","map","item","index","MenuItem","checked","onCheckedChange","id","renderCheckboxItems","renderIconItems","renderTextItems","optionsItems","useMemo","length","groups","flatMap","group","groupKey","groupLabel","Divider","origins","anchorOrigin","vertical","horizontal","transformOrigin","mapAlignToOrigins","_Fragment","IconButton","undefined","variant","MoreVerticalIcon","endIcon","ArrowUp01Icon","ArrowDown01Icon","Menu","onClose","slotProps","list"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/DropdownMenu/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport MuiListSubheader from '@mui/material/ListSubheader';\nimport type { MenuProps as MuiMenuProps } from '@mui/material/Menu';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '@fd/components/atoms/Avatar';\nimport Box from '@fd/components/atoms/Box';\nimport Button from '@fd/components/atoms/Button';\nimport Divider from '@fd/components/atoms/Divider';\nimport IconButton from '@fd/components/atoms/IconButton';\nimport ListItemText from '@fd/components/atoms/ListItemText';\nimport MenuItem, {\n  type CheckboxMenuItemProps,\n  type IconMenuItemProps,\n  type MenuItemProps,\n  type TextMenuItemProps,\n} from '@fd/components/atoms/MenuItem';\nimport Menu from '@fd/components/molecules/Menu';\nimport ArrowDown01Icon from '@fd/icons/ArrowDown01';\nimport ArrowUp01Icon from '@fd/icons/ArrowUp01';\nimport MoreVerticalIcon from '@fd/icons/MoreVertical';\n\n/** Props for the DropdownMenuCheckboxOption component */\nexport type DropdownMenuCheckboxOption = Omit<CheckboxMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuIconOption component */\nexport type DropdownMenuIconOption = Omit<IconMenuItemProps, 'type'>;\n\n/** Props for the DropdownMenuTextOption component */\nexport type DropdownMenuTextOption = Omit<TextMenuItemProps, 'type'>;\n\ninterface DropdownMenuGroupOptionBase {\n  /** Label of the group */\n  groupLabel?: React.ReactNode;\n  /** ID of the group */\n  id?: string;\n}\n\ninterface DropdownMenuGroupOptionCheckbox extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuGroupOptionIcon extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuGroupOptionText extends DropdownMenuGroupOptionBase {\n  /** Type of the menu options */\n  optionsType?: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\n/** Props for the DropdownMenuGroupOption component */\nexport type DropdownMenuGroupOption =\n  | DropdownMenuGroupOptionCheckbox\n  | DropdownMenuGroupOptionIcon\n  | DropdownMenuGroupOptionText;\n\ninterface DropdownMenuBaseCommonProps extends Omit<MuiMenuProps, 'anchorEl' | 'onClose' | 'open'> {\n  /** Alignment of the menu */\n  align?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n  /** Disabled state of the menu */\n  disabled?: boolean;\n  /** Key of the menu */\n  fdKey: string;\n  /** Size of the menu */\n  size?: 'medium' | 'small';\n}\n\ninterface DropdownMenuCheckboxesProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'checkboxes';\n  /** Options of the menu */\n  options: DropdownMenuCheckboxOption[];\n}\n\ninterface DropdownMenuIconsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'icons';\n  /** Options of the menu */\n  options: DropdownMenuIconOption[];\n}\n\ninterface DropdownMenuTextProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'text';\n  /** Options of the menu */\n  options: DropdownMenuTextOption[];\n}\n\ntype DropdownMenuOptionsProps = DropdownMenuCheckboxesProps | DropdownMenuIconsProps | DropdownMenuTextProps;\n\ninterface DropdownMenuOptionsGroupsProps extends DropdownMenuBaseCommonProps {\n  /** Type of the menu options */\n  optionsType: 'groups';\n  /** Options of the menu */\n  options: DropdownMenuGroupOption[];\n}\n\ntype DropdownMenuBaseProps = DropdownMenuOptionsGroupsProps | DropdownMenuOptionsProps;\n\ntype AvatarDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: string;\n  /** Source URL for the avatar image */\n  avatarSrc: string;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'avatar';\n};\n\ntype ButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel?: never;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label: string;\n  /** Type of the menu item */\n  type: 'button';\n};\n\ntype IconButtonDropdownMenuProps = DropdownMenuBaseProps & {\n  /** Aria-label of the trigger */\n  ariaLabel: string;\n  /** Secondary text of the menu item */\n  secondaryText?: never;\n  /** Source URL for the avatar image */\n  avatarSrc?: never;\n  /** Label of the trigger */\n  label?: never;\n  /** Type of the menu item */\n  type: 'icon-button';\n};\n\n/** Props for the DropdownMenu component */\nexport type DropdownMenuProps =\n  | AvatarDropdownMenuProps\n  | ButtonDropdownMenuProps\n  | IconButtonDropdownMenuProps;\n\nconst StyledAvatarDropdownMenuButton = styled(Button)<{ disabled?: boolean; size: 'medium' | 'small' }>(\n  ({ theme, size, disabled }) => ({\n    height: size === 'small' ? 48 : 64,\n    padding: theme.spacing(1, 2),\n    textDecoration: 'none',\n\n    '& .MuiButton-icon': {\n      color: disabled\n        ? theme.palette.semantic.icon['icon-disabled']\n        : theme.palette.semantic.icon['icon-strong'],\n    },\n\n    '&:focus-visible, &.Mui-focusVisible': {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n    },\n  }),\n);\n\nconst StyledAvatarListSubheader = styled(MuiListSubheader)(({ theme }) => ({\n  borderBottom: `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  padding: theme.spacing(1, 2),\n}));\n\n// Preserve MUI internals so MenuList handles it correctly\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiName = (MuiListSubheader as any).muiName;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n(StyledAvatarListSubheader as any).muiSkipListHighlight =\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  (MuiListSubheader as unknown as { muiSkipListHighlight?: boolean }).muiSkipListHighlight ?? true;\n\nconst StyledAvatarLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['disabled', 'size'].includes(prop as string),\n})<{ disabled: boolean; size: 'medium' | 'small' }>(({ theme, disabled, size }) => ({\n  display: 'flex',\n  gap: size === 'small' ? theme.spacing(1) : theme.spacing(1.5),\n  alignItems: 'center',\n  textAlign: 'left',\n\n  ...(disabled && {\n    '& .MuiAvatar-root': {\n      opacity: theme.palette.action.disabledOpacity,\n    },\n    ' & .MuiListItemText-root, & .MuiListItemText-primary, & .MuiListItemText-secondary': {\n      color: theme.palette.semantic.text['text-disabled'],\n    },\n  }),\n}));\n\nconst mapAlignToOrigins = (\n  align: DropdownMenuProps['align'] = 'bottom-left',\n): Pick<MuiMenuProps, 'anchorOrigin' | 'transformOrigin'> => {\n  switch (align) {\n    case 'bottom-left':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n    case 'bottom-right':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'right' },\n        transformOrigin: { vertical: 'top', horizontal: 'right' },\n      };\n    case 'top-left':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'left' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'left' },\n      };\n    case 'top-right':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'right' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'right' },\n      };\n    default:\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n        transformOrigin: { vertical: 'top', horizontal: 'left' },\n      };\n  }\n};\n\n/**\n * A customizable DropdownMenu component supporting button and checkbox menu items with optional groups.\n *\n * @param props - The component props\n * @returns The rendered DropdownMenu component\n */\nexport const DropdownMenu = ({\n  align = 'bottom-left',\n  ariaLabel = '',\n  avatarSrc = '',\n  disabled = false,\n  fdKey,\n  label,\n  options = [],\n  optionsType = 'text',\n  secondaryText,\n  size = 'medium',\n  type = 'button',\n  ...props\n}: DropdownMenuProps): JSX.Element => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const triggerId = `${fdKey}-trigger`;\n  const menuId = `${fdKey}-menu`;\n\n  const handleOpen = (event: React.MouseEvent<HTMLElement>): void => {\n    if (disabled) {\n      return;\n    }\n\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleClick =\n    (onClick?: React.MouseEventHandler<HTMLLIElement>) =>\n    (event: React.MouseEvent<HTMLLIElement>): void => {\n      onClick?.(event);\n      handleClose();\n    };\n\n  const renderAvatarLabelContainer = (size: 'medium' | 'small'): JSX.Element | null => (\n    <StyledAvatarLabelContainer disabled={disabled} size={size}>\n      <Avatar\n        aria-hidden\n        alt=\"\" // Avatar is described by ListItemText\n        size={size}\n        src={avatarSrc}\n        type=\"logo\"\n      />\n      <ListItemText primary={label} secondary={secondaryText} />\n    </StyledAvatarLabelContainer>\n  );\n\n  const renderTrigger = (): JSX.Element => {\n    if (type === 'icon-button') {\n      return (\n        <IconButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          aria-label={ariaLabel}\n          disabled={disabled}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"secondary\"\n        >\n          <MoreVerticalIcon />\n        </IconButton>\n      );\n    }\n    if (type === 'avatar') {\n      return (\n        <StyledAvatarDropdownMenuButton\n          aria-controls={open ? menuId : undefined}\n          aria-expanded={open}\n          aria-haspopup=\"menu\"\n          disabled={disabled}\n          endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n          fdKey={fdKey}\n          id={triggerId}\n          onClick={handleOpen}\n          size={size}\n          variant=\"tertiary\"\n        >\n          {renderAvatarLabelContainer(size)}\n        </StyledAvatarDropdownMenuButton>\n      );\n    }\n\n    return (\n      <Button\n        aria-controls={open ? menuId : undefined}\n        aria-expanded={open}\n        aria-haspopup=\"menu\"\n        disabled={disabled}\n        endIcon={open ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n        fdKey={fdKey}\n        id={triggerId}\n        onClick={handleOpen}\n        size={size}\n        variant=\"secondary\"\n      >\n        {label}\n      </Button>\n    );\n  };\n\n  const renderCheckboxItems = (items: CheckboxMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-checkbox-${index}`}\n          checked={item.checked}\n          disabled={item.disabled}\n          label={item.label}\n          onCheckedChange={item.onCheckedChange}\n          secondaryText={item.secondaryText}\n          type=\"checkbox\"\n        />\n      );\n    });\n\n  const renderIconItems = (items: IconMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-icon-${index}`}\n          disabled={item.disabled}\n          icon={item.icon}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"icon\"\n        />\n      );\n    });\n\n  const renderTextItems = (items: TextMenuItemProps[], keyPrefix: string): JSX.Element[] =>\n    items.map((item, index) => {\n      return (\n        <MenuItem\n          key={item.id ?? `${keyPrefix}-text-${index}`}\n          disabled={item.disabled}\n          label={item.label}\n          onClick={handleClick(item.onClick)}\n          secondaryText={item.secondaryText}\n          type=\"text\"\n        />\n      );\n    });\n\n  const renderItems = (\n    items: Omit<MenuItemProps, 'type'>[],\n    optionsType: DropdownMenuProps['optionsType'] = 'text',\n    keyPrefix: string = 'root',\n  ): JSX.Element[] => {\n    switch (optionsType) {\n      case 'checkboxes':\n        return renderCheckboxItems(items as CheckboxMenuItemProps[], keyPrefix);\n      case 'icons':\n        return renderIconItems(items as IconMenuItemProps[], keyPrefix);\n      case 'text':\n      default:\n        return renderTextItems(items as TextMenuItemProps[], keyPrefix);\n    }\n  };\n\n  // Returns a flat array of group items (subheaders, items, dividers) needed for accessibility\n  const renderGroupItems = (groups: DropdownMenuGroupOption[]): (JSX.Element | null)[] =>\n    groups.flatMap((group, index) => {\n      const groupKey = group.id ?? `group-${index}`;\n\n      const header = group.groupLabel ? (\n        <MuiListSubheader key={`subheader-${groupKey}`}>{group.groupLabel}</MuiListSubheader>\n      ) : null;\n      const items = renderItems(group.options, group.optionsType, groupKey);\n      const divider = index < groups.length - 1 ? <Divider key={`divider-${groupKey}`} /> : null;\n\n      return [header, ...items, divider];\n    });\n\n  const renderAvatarListSubheader = (): JSX.Element => {\n    return <StyledAvatarListSubheader>{renderAvatarLabelContainer('medium')}</StyledAvatarListSubheader>;\n  };\n\n  const optionsItems = useMemo(() => {\n    if (!options || options.length === 0) {\n      return null;\n    }\n\n    if (optionsType === 'groups') {\n      return renderGroupItems(options as DropdownMenuGroupOption[]);\n    }\n\n    return renderItems(options, optionsType);\n  }, [options, optionsType]);\n\n  const origins = mapAlignToOrigins(align);\n\n  return (\n    <>\n      {renderTrigger()}\n\n      <Menu\n        {...props}\n        {...origins}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          ...props.slotProps,\n          list: {\n            ...(props.slotProps?.list ?? {}),\n            id: menuId,\n            'aria-labelledby': triggerId,\n          },\n        }}\n      >\n        {type === 'avatar' && renderAvatarListSubheader()}\n        {optionsItems}\n      </Menu>\n    </>\n  );\n};\n\nexport default DropdownMenu;\n"],"names":["StyledAvatarDropdownMenuButton","styled","Button","theme","size","disabled","height","padding","spacing","textDecoration","color","palette","semantic","icon","backgroundColor","fill","StyledAvatarListSubheader","MuiListSubheader","borderBottom","stroke","muiName","muiSkipListHighlight","StyledAvatarLabelContainer","Box","shouldForwardProp","prop","includes","display","gap","alignItems","textAlign","opacity","action","disabledOpacity","text","DropdownMenu","align","ariaLabel","avatarSrc","fdKey","label","options","optionsType","secondaryText","type","props","anchorEl","setAnchorEl","useState","open","Boolean","triggerId","menuId","handleOpen","event","currentTarget","handleClose","handleClick","onClick","renderAvatarLabelContainer","_jsxs","children","_jsx","Avatar","alt","src","ListItemText","primary","secondary","renderItems","items","keyPrefix","map","item","index","MenuItem","checked","onCheckedChange","id","renderCheckboxItems","renderIconItems","renderTextItems","optionsItems","useMemo","length","groups","flatMap","group","groupKey","groupLabel","Divider","origins","anchorOrigin","vertical","horizontal","transformOrigin","mapAlignToOrigins","_Fragment","IconButton","undefined","variant","MoreVerticalIcon","endIcon","ArrowUp01Icon","ArrowDown01Icon","Menu","onClose","slotProps","list"],"mappings":"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"}

package/dist/components/molecules/EmptyState/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),i=require("@mui/material/styles"),l=require("@mui/material/Typography"),r=require("../../atoms/Button/index.cjs.js"),a=require("../../atoms/IconContainer/index.cjs.js"),n=require("../ButtonGroup/index.cjs.js");const s=i.styled(t,{shouldForwardProp:e=>"fullWidth"!==e})((({theme:e,fullWidth:t})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:e.spacing(3),width:t?"100%":"536px"}))),o=i.styled(t)((()=>({display:"flex",justifyContent:"flex-end",width:"100%"}))),d=i.styled(t)((({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:e.spacing(1)}))),c=i.styled(l)((({theme:e})=>({color:e.palette.semantic.text["text-weak"]}))),u=({title:t,description:i,icon:u,actionButtons:x,fullWidth:m=!1})=>e.jsxs(s,{"data-fd":"empty-state-container",fullWidth:m,children:[u?e.jsx(a,{fdKey:"empty-state-icon-container",icon:u,style:"filled",tone:"neutral"}):null,e.jsxs(d,{children:[e.jsx(l,{variant:"h3Strong",children:t}),e.jsx(c,{variant:"b1Weak",children:i})]}),(()=>{if(x)return Array.isArray(x)?e.jsx(n,{align:"right",layout:"horizontal",order:"default",size:"medium",children:x.map((t=>{const i=`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e.jsx(r.Button,{fdKey:t.label,onClick:t.onClick,variant:t.variant,children:t.label},i)}))}):e.jsx(o,{children:e.jsx(r.Button,{fdKey:x.label,onClick:x.onClick,variant:x.variant,children:x.label})})})()]});exports.EmptyState=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),i=require("@mui/material/styles"),l=require("@mui/material/Typography"),r=require("../../atoms/Button/index.cjs.js"),a=require("../../atoms/IconContainer/index.cjs.js"),n=require("../ButtonGroup/index.cjs.js");const s=i.styled(t,{shouldForwardProp:e=>"fullWidth"!==e})(({theme:e,fullWidth:t})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:e.spacing(3),width:t?"100%":"536px"})),o=i.styled(t)(()=>({display:"flex",justifyContent:"flex-end",width:"100%"})),d=i.styled(t)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:e.spacing(1)})),c=i.styled(l)(({theme:e})=>({color:e.palette.semantic.text["text-weak"]})),u=({title:t,description:i,icon:u,actionButtons:x,fullWidth:m=!1})=>e.jsxs(s,{"data-fd":"empty-state-container",fullWidth:m,children:[u?e.jsx(a,{fdKey:"empty-state-icon-container",icon:u,style:"filled",tone:"neutral"}):null,e.jsxs(d,{children:[e.jsx(l,{variant:"h3Strong",children:t}),e.jsx(c,{variant:"b1Weak",children:i})]}),(()=>{if(x)return Array.isArray(x)?e.jsx(n,{align:"right",layout:"horizontal",order:"default",size:"medium",children:x.map(t=>{const i=`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e.jsx(r.Button,{fdKey:t.label,onClick:t.onClick,variant:t.variant,children:t.label},i)})}):e.jsx(o,{children:e.jsx(r.Button,{fdKey:x.label,onClick:x.onClick,variant:x.variant,children:x.label})})})()]});exports.EmptyState=u,exports.default=u;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/EmptyState/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/EmptyState/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconContainer from '@fd/components/atoms/IconContainer';\n\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual variant of the action button */\n  variant?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n}\n\n/** EmptyState component props */\nexport interface EmptyStateProps {\n  /** Main heading text of the empty state */\n  title: string;\n  /** Detailed description text of the empty state */\n  description: string;\n  /** Icon to display */\n  icon?: React.ReactNode;\n  /** Action buttons to display */\n  actionButtons?: ActionButton | ActionButton[];\n  /** Whether the empty state should be full width */\n  fullWidth?: boolean;\n}\n\nconst StyledContainer = styled(Box, { shouldForwardProp: (prop) => prop !== 'fullWidth' })<{\n  fullWidth?: boolean;\n}>(({ theme, fullWidth }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(3),\n  width: fullWidth ? '100%' : '536px',\n}));\n\nconst StyledOneActionButtonContainer = styled(Box)(() => ({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  width: '100%',\n}));\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1),\n}));\n\nconst StyledDescription = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\n/**\n * EmptyState component is used when a table, list, or chart has no data to display.\n *\n * @param props - The component props\n * @returns The empty state component\n */\n\nexport const EmptyState = ({\n  title,\n  description,\n  icon,\n  actionButtons,\n  fullWidth = false,\n}: EmptyStateProps): JSX.Element => {\n  const renderActions = (): React.ReactNode => {\n    if (!actionButtons) {\n      return undefined;\n    }\n\n    if (Array.isArray(actionButtons)) {\n      return (\n        <ButtonGroup align=\"right\" layout=\"horizontal\" order=\"default\" size=\"medium\">\n          {actionButtons.map((button) => {\n            const key = `action-button-${button.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button key={key} fdKey={button.label} onClick={button.onClick} variant={button.variant}>\n                {button.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    }\n\n    return (\n      <StyledOneActionButtonContainer>\n        <Button fdKey={actionButtons.label} onClick={actionButtons.onClick} variant={actionButtons.variant}>\n          {actionButtons.label}\n        </Button>\n      </StyledOneActionButtonContainer>\n    );\n  };\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return null;\n    }\n\n    return <IconContainer fdKey=\"empty-state-icon-container\" icon={icon} style=\"filled\" tone=\"neutral\" />;\n  };\n\n  return (\n    <StyledContainer data-fd=\"empty-state-container\" fullWidth={fullWidth}>\n      {renderIcon()}\n      <StyledTextContainer>\n        <Typography variant=\"h3Strong\">{title}</Typography>\n        <StyledDescription variant=\"b1Weak\">{description}</StyledDescription>\n      </StyledTextContainer>\n      {renderActions()}\n    </StyledContainer>\n  );\n};\n\nexport default EmptyState;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","fullWidth","display","flexDirection","alignItems","gap","spacing","width","StyledOneActionButtonContainer","justifyContent","StyledTextContainer","StyledDescription","Typography","color","palette","semantic","text","EmptyState","title","description","icon","actionButtons","_jsxs","children","_jsx","IconContainer","fdKey","style","tone","variant","Array","isArray","ButtonGroup","align","layout","order","size","map","button","key","label","replace","toLowerCase","Button","onClick","renderActions"],"mappings":"wVAkCA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAK,CAAEC,kBAAoBC,GAAkB,cAATA,GAA3CH,EAErB,EAAGI,QAAOC,gBAAW,CACtBC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,GACnBC,MAAON,EAAY,OAAS,YAGxBO,EAAiCZ,EAAAA,OAAOC,EAAPD,EAAY,KAAA,CACjDM,QAAS,OACTO,eAAgB,WAChBF,MAAO,WAGHG,EAAsBd,EAAAA,OAAOC,EAAPD,EAAY,EAAGI,YAAO,CAChDE,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,OAGfK,EAAoBf,EAAAA,OAAOgB,EAAPhB,EAAmB,EAAGI,YAAO,CACrDa,MAAOb,EAAMc,QAAQC,SAASC,KAAK,iBAUxBC,EAAa,EACxBC,QACAC,cACAC,OACAC,gBACApB,aAAY,KAyCVqB,EAAAA,KAAC3B,aAAwB,wBAAwBM,UAAWA,EAASsB,SAAA,CARhEH,EAIEI,MAACC,EAAa,CAACC,MAAM,6BAA6BN,KAAMA,EAAMO,MAAM,SAASC,KAAK,YAHhF,KASPN,EAAAA,KAACZ,EAAmB,CAAAa,SAAA,CAClBC,EAAAA,IAACZ,EAAU,CAACiB,QAAQ,oBAAYX,IAChCM,EAAAA,IAACb,GAAkBkB,QAAQ,SAAQN,SAAEJ,OA3CrB,MACpB,GAAKE,EAIL,OAAIS,MAAMC,QAAQV,GAEdG,EAAAA,IAACQ,EAAW,CAACC,MAAM,QAAQC,OAAO,aAAaC,MAAM,UAAUC,KAAK,SAAQb,SACzEF,EAAcgB,KAAKC,IAClB,MAAMC,EAAM,iBAAiBD,EAAOE,MAAMC,QAAQ,OAAQ,KAAKC,gBAE/D,OACElB,EAAAA,IAACmB,EAAAA,OAAM,CAAWjB,MAAOY,EAAOE,MAAOI,QAASN,EAAOM,QAASf,QAASS,EAAOT,QAAON,SACpFe,EAAOE,OADGD,QAUrBf,EAAAA,IAAChB,EAA8B,CAAAe,SAC7BC,EAAAA,IAACmB,SAAM,CAACjB,MAAOL,EAAcmB,MAAOI,QAASvB,EAAcuB,QAASf,QAASR,EAAcQ,QAAON,SAC/FF,EAAcmB,WAqBlBK"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/EmptyState/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconContainer from '@fd/components/atoms/IconContainer';\n\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual variant of the action button */\n  variant?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n}\n\n/** EmptyState component props */\nexport interface EmptyStateProps {\n  /** Main heading text of the empty state */\n  title: string;\n  /** Detailed description text of the empty state */\n  description: string;\n  /** Icon to display */\n  icon?: React.ReactNode;\n  /** Action buttons to display */\n  actionButtons?: ActionButton | ActionButton[];\n  /** Whether the empty state should be full width */\n  fullWidth?: boolean;\n}\n\nconst StyledContainer = styled(Box, { shouldForwardProp: (prop) => prop !== 'fullWidth' })<{\n  fullWidth?: boolean;\n}>(({ theme, fullWidth }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(3),\n  width: fullWidth ? '100%' : '536px',\n}));\n\nconst StyledOneActionButtonContainer = styled(Box)(() => ({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  width: '100%',\n}));\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1),\n}));\n\nconst StyledDescription = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\n/**\n * EmptyState component is used when a table, list, or chart has no data to display.\n *\n * @param props - The component props\n * @returns The empty state component\n */\n\nexport const EmptyState = ({\n  title,\n  description,\n  icon,\n  actionButtons,\n  fullWidth = false,\n}: EmptyStateProps): JSX.Element => {\n  const renderActions = (): React.ReactNode => {\n    if (!actionButtons) {\n      return undefined;\n    }\n\n    if (Array.isArray(actionButtons)) {\n      return (\n        <ButtonGroup align=\"right\" layout=\"horizontal\" order=\"default\" size=\"medium\">\n          {actionButtons.map((button) => {\n            const key = `action-button-${button.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button key={key} fdKey={button.label} onClick={button.onClick} variant={button.variant}>\n                {button.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    }\n\n    return (\n      <StyledOneActionButtonContainer>\n        <Button fdKey={actionButtons.label} onClick={actionButtons.onClick} variant={actionButtons.variant}>\n          {actionButtons.label}\n        </Button>\n      </StyledOneActionButtonContainer>\n    );\n  };\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return null;\n    }\n\n    return <IconContainer fdKey=\"empty-state-icon-container\" icon={icon} style=\"filled\" tone=\"neutral\" />;\n  };\n\n  return (\n    <StyledContainer data-fd=\"empty-state-container\" fullWidth={fullWidth}>\n      {renderIcon()}\n      <StyledTextContainer>\n        <Typography variant=\"h3Strong\">{title}</Typography>\n        <StyledDescription variant=\"b1Weak\">{description}</StyledDescription>\n      </StyledTextContainer>\n      {renderActions()}\n    </StyledContainer>\n  );\n};\n\nexport default EmptyState;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","fullWidth","display","flexDirection","alignItems","gap","spacing","width","StyledOneActionButtonContainer","justifyContent","StyledTextContainer","StyledDescription","Typography","color","palette","semantic","text","EmptyState","title","description","icon","actionButtons","_jsxs","children","_jsx","IconContainer","fdKey","style","tone","variant","Array","isArray","ButtonGroup","align","layout","order","size","map","button","key","label","replace","toLowerCase","Button","onClick","renderActions"],"mappings":"wVAkCA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAK,CAAEC,kBAAoBC,GAAkB,cAATA,GAA3CH,CAErB,EAAGI,QAAOC,gBAAW,CACtBC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,GACnBC,MAAON,EAAY,OAAS,WAGxBO,EAAiCZ,EAAAA,OAAOC,EAAPD,CAAY,KAAA,CACjDM,QAAS,OACTO,eAAgB,WAChBF,MAAO,UAGHG,EAAsBd,EAAAA,OAAOC,EAAPD,CAAY,EAAGI,YAAO,CAChDE,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,MAGfK,EAAoBf,EAAAA,OAAOgB,EAAPhB,CAAmB,EAAGI,YAAO,CACrDa,MAAOb,EAAMc,QAAQC,SAASC,KAAK,gBAUxBC,EAAa,EACxBC,QACAC,cACAC,OACAC,gBACApB,aAAY,KAyCVqB,EAAAA,KAAC3B,aAAwB,wBAAwBM,UAAWA,EAASsB,SAAA,CARhEH,EAIEI,MAACC,EAAa,CAACC,MAAM,6BAA6BN,KAAMA,EAAMO,MAAM,SAASC,KAAK,YAHhF,KASPN,EAAAA,KAACZ,EAAmB,CAAAa,SAAA,CAClBC,EAAAA,IAACZ,EAAU,CAACiB,QAAQ,oBAAYX,IAChCM,EAAAA,IAACb,GAAkBkB,QAAQ,SAAQN,SAAEJ,OA3CrB,MACpB,GAAKE,EAIL,OAAIS,MAAMC,QAAQV,GAEdG,EAAAA,IAACQ,EAAW,CAACC,MAAM,QAAQC,OAAO,aAAaC,MAAM,UAAUC,KAAK,SAAQb,SACzEF,EAAcgB,IAAKC,IAClB,MAAMC,EAAM,iBAAiBD,EAAOE,MAAMC,QAAQ,OAAQ,KAAKC,gBAE/D,OACElB,EAAAA,IAACmB,EAAAA,OAAM,CAAWjB,MAAOY,EAAOE,MAAOI,QAASN,EAAOM,QAASf,QAASS,EAAOT,QAAON,SACpFe,EAAOE,OADGD,OAUrBf,EAAAA,IAAChB,EAA8B,CAAAe,SAC7BC,EAAAA,IAACmB,SAAM,CAACjB,MAAOL,EAAcmB,MAAOI,QAASvB,EAAcuB,QAASf,QAASR,EAAcQ,QAAON,SAC/FF,EAAcmB,WAqBlBK"}

package/dist/components/molecules/EmptyState/index.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"@mui/material/Box";import{styled as l}from"@mui/material/styles";import a from"@mui/material/Typography";import{Button as r}from"../../atoms/Button/index.js";import n from"../../atoms/IconContainer/index.js";import o from"../ButtonGroup/index.js";const m=l(i,{shouldForwardProp:t=>"fullWidth"!==t})((({theme:t,fullWidth:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:t.spacing(3),width:e?"100%":"536px"}))),d=l(i)((()=>({display:"flex",justifyContent:"flex-end",width:"100%"}))),c=l(i)((({theme:t})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:t.spacing(1)}))),s=l(a)((({theme:t})=>({color:t.palette.semantic.text["text-weak"]}))),f=({title:i,description:l,icon:f,actionButtons:p,fullWidth:u=!1})=>t(m,{"data-fd":"empty-state-container",fullWidth:u,children:[f?e(n,{fdKey:"empty-state-icon-container",icon:f,style:"filled",tone:"neutral"}):null,t(c,{children:[e(a,{variant:"h3Strong",children:i}),e(s,{variant:"b1Weak",children:l})]}),(()=>{if(p)return Array.isArray(p)?e(o,{align:"right",layout:"horizontal",order:"default",size:"medium",children:p.map((t=>{const i=`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e(r,{fdKey:t.label,onClick:t.onClick,variant:t.variant,children:t.label},i)}))}):e(d,{children:e(r,{fdKey:p.label,onClick:p.onClick,variant:p.variant,children:p.label})})})()]});export{f as EmptyState,f as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import i from"@mui/material/Box";import{styled as l}from"@mui/material/styles";import a from"@mui/material/Typography";import{Button as r}from"../../atoms/Button/index.js";import n from"../../atoms/IconContainer/index.js";import o from"../ButtonGroup/index.js";const m=l(i,{shouldForwardProp:t=>"fullWidth"!==t})(({theme:t,fullWidth:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:t.spacing(3),width:e?"100%":"536px"})),d=l(i)(()=>({display:"flex",justifyContent:"flex-end",width:"100%"})),c=l(i)(({theme:t})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",gap:t.spacing(1)})),s=l(a)(({theme:t})=>({color:t.palette.semantic.text["text-weak"]})),f=({title:i,description:l,icon:f,actionButtons:p,fullWidth:u=!1})=>t(m,{"data-fd":"empty-state-container",fullWidth:u,children:[f?e(n,{fdKey:"empty-state-icon-container",icon:f,style:"filled",tone:"neutral"}):null,t(c,{children:[e(a,{variant:"h3Strong",children:i}),e(s,{variant:"b1Weak",children:l})]}),(()=>{if(p)return Array.isArray(p)?e(o,{align:"right",layout:"horizontal",order:"default",size:"medium",children:p.map(t=>{const i=`action-button-${t.label.replace(/\s+/g,"-").toLowerCase()}`;return e(r,{fdKey:t.label,onClick:t.onClick,variant:t.variant,children:t.label},i)})}):e(d,{children:e(r,{fdKey:p.label,onClick:p.onClick,variant:p.variant,children:p.label})})})()]});export{f as EmptyState,f as default};
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/EmptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/EmptyState/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconContainer from '@fd/components/atoms/IconContainer';\n\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual variant of the action button */\n  variant?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n}\n\n/** EmptyState component props */\nexport interface EmptyStateProps {\n  /** Main heading text of the empty state */\n  title: string;\n  /** Detailed description text of the empty state */\n  description: string;\n  /** Icon to display */\n  icon?: React.ReactNode;\n  /** Action buttons to display */\n  actionButtons?: ActionButton | ActionButton[];\n  /** Whether the empty state should be full width */\n  fullWidth?: boolean;\n}\n\nconst StyledContainer = styled(Box, { shouldForwardProp: (prop) => prop !== 'fullWidth' })<{\n  fullWidth?: boolean;\n}>(({ theme, fullWidth }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(3),\n  width: fullWidth ? '100%' : '536px',\n}));\n\nconst StyledOneActionButtonContainer = styled(Box)(() => ({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  width: '100%',\n}));\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1),\n}));\n\nconst StyledDescription = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\n/**\n * EmptyState component is used when a table, list, or chart has no data to display.\n *\n * @param props - The component props\n * @returns The empty state component\n */\n\nexport const EmptyState = ({\n  title,\n  description,\n  icon,\n  actionButtons,\n  fullWidth = false,\n}: EmptyStateProps): JSX.Element => {\n  const renderActions = (): React.ReactNode => {\n    if (!actionButtons) {\n      return undefined;\n    }\n\n    if (Array.isArray(actionButtons)) {\n      return (\n        <ButtonGroup align=\"right\" layout=\"horizontal\" order=\"default\" size=\"medium\">\n          {actionButtons.map((button) => {\n            const key = `action-button-${button.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button key={key} fdKey={button.label} onClick={button.onClick} variant={button.variant}>\n                {button.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    }\n\n    return (\n      <StyledOneActionButtonContainer>\n        <Button fdKey={actionButtons.label} onClick={actionButtons.onClick} variant={actionButtons.variant}>\n          {actionButtons.label}\n        </Button>\n      </StyledOneActionButtonContainer>\n    );\n  };\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return null;\n    }\n\n    return <IconContainer fdKey=\"empty-state-icon-container\" icon={icon} style=\"filled\" tone=\"neutral\" />;\n  };\n\n  return (\n    <StyledContainer data-fd=\"empty-state-container\" fullWidth={fullWidth}>\n      {renderIcon()}\n      <StyledTextContainer>\n        <Typography variant=\"h3Strong\">{title}</Typography>\n        <StyledDescription variant=\"b1Weak\">{description}</StyledDescription>\n      </StyledTextContainer>\n      {renderActions()}\n    </StyledContainer>\n  );\n};\n\nexport default EmptyState;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","fullWidth","display","flexDirection","alignItems","gap","spacing","width","StyledOneActionButtonContainer","justifyContent","StyledTextContainer","StyledDescription","Typography","color","palette","semantic","text","EmptyState","title","description","icon","actionButtons","_jsxs","children","_jsx","IconContainer","fdKey","style","tone","variant","Array","isArray","ButtonGroup","align","layout","order","size","map","button","key","label","replace","toLowerCase","Button","onClick","renderActions"],"mappings":"uTAkCA,MAAMA,EAAkBC,EAAOC,EAAK,CAAEC,kBAAoBC,GAAkB,cAATA,GAA3CH,EAErB,EAAGI,QAAOC,gBAAW,CACtBC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,GACnBC,MAAON,EAAY,OAAS,YAGxBO,EAAiCZ,EAAOC,EAAPD,EAAY,KAAA,CACjDM,QAAS,OACTO,eAAgB,WAChBF,MAAO,WAGHG,EAAsBd,EAAOC,EAAPD,EAAY,EAAGI,YAAO,CAChDE,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,OAGfK,EAAoBf,EAAOgB,EAAPhB,EAAmB,EAAGI,YAAO,CACrDa,MAAOb,EAAMc,QAAQC,SAASC,KAAK,iBAUxBC,EAAa,EACxBC,QACAC,cACAC,OACAC,gBACApB,aAAY,KAyCVqB,EAAC3B,aAAwB,wBAAwBM,UAAWA,EAASsB,SAAA,CARhEH,EAIEI,EAACC,EAAa,CAACC,MAAM,6BAA6BN,KAAMA,EAAMO,MAAM,SAASC,KAAK,YAHhF,KASPN,EAACZ,EAAmB,CAAAa,SAAA,CAClBC,EAACZ,EAAU,CAACiB,QAAQ,oBAAYX,IAChCM,EAACb,GAAkBkB,QAAQ,SAAQN,SAAEJ,OA3CrB,MACpB,GAAKE,EAIL,OAAIS,MAAMC,QAAQV,GAEdG,EAACQ,EAAW,CAACC,MAAM,QAAQC,OAAO,aAAaC,MAAM,UAAUC,KAAK,SAAQb,SACzEF,EAAcgB,KAAKC,IAClB,MAAMC,EAAM,iBAAiBD,EAAOE,MAAMC,QAAQ,OAAQ,KAAKC,gBAE/D,OACElB,EAACmB,EAAM,CAAWjB,MAAOY,EAAOE,MAAOI,QAASN,EAAOM,QAASf,QAASS,EAAOT,QAAON,SACpFe,EAAOE,OADGD,QAUrBf,EAAChB,EAA8B,CAAAe,SAC7BC,EAACmB,EAAM,CAACjB,MAAOL,EAAcmB,MAAOI,QAASvB,EAAcuB,QAASf,QAASR,EAAcQ,QAAON,SAC/FF,EAAcmB,WAqBlBK"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/EmptyState/index.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Button from '@fd/components/atoms/Button';\nimport type { ButtonType } from '@fd/components/atoms/Button/getButtonStyles';\nimport IconContainer from '@fd/components/atoms/IconContainer';\n\nimport ButtonGroup from '../ButtonGroup';\n\n/** Action button configuration */\nexport interface ActionButton {\n  /** Text label for the action button */\n  label: string;\n  /** Visual variant of the action button */\n  variant?: ButtonType;\n  /** Callback function when the action button is clicked */\n  onClick: () => void;\n}\n\n/** EmptyState component props */\nexport interface EmptyStateProps {\n  /** Main heading text of the empty state */\n  title: string;\n  /** Detailed description text of the empty state */\n  description: string;\n  /** Icon to display */\n  icon?: React.ReactNode;\n  /** Action buttons to display */\n  actionButtons?: ActionButton | ActionButton[];\n  /** Whether the empty state should be full width */\n  fullWidth?: boolean;\n}\n\nconst StyledContainer = styled(Box, { shouldForwardProp: (prop) => prop !== 'fullWidth' })<{\n  fullWidth?: boolean;\n}>(({ theme, fullWidth }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(3),\n  width: fullWidth ? '100%' : '536px',\n}));\n\nconst StyledOneActionButtonContainer = styled(Box)(() => ({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  width: '100%',\n}));\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1),\n}));\n\nconst StyledDescription = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\n/**\n * EmptyState component is used when a table, list, or chart has no data to display.\n *\n * @param props - The component props\n * @returns The empty state component\n */\n\nexport const EmptyState = ({\n  title,\n  description,\n  icon,\n  actionButtons,\n  fullWidth = false,\n}: EmptyStateProps): JSX.Element => {\n  const renderActions = (): React.ReactNode => {\n    if (!actionButtons) {\n      return undefined;\n    }\n\n    if (Array.isArray(actionButtons)) {\n      return (\n        <ButtonGroup align=\"right\" layout=\"horizontal\" order=\"default\" size=\"medium\">\n          {actionButtons.map((button) => {\n            const key = `action-button-${button.label.replace(/\\s+/g, '-').toLowerCase()}`;\n\n            return (\n              <Button key={key} fdKey={button.label} onClick={button.onClick} variant={button.variant}>\n                {button.label}\n              </Button>\n            );\n          })}\n        </ButtonGroup>\n      );\n    }\n\n    return (\n      <StyledOneActionButtonContainer>\n        <Button fdKey={actionButtons.label} onClick={actionButtons.onClick} variant={actionButtons.variant}>\n          {actionButtons.label}\n        </Button>\n      </StyledOneActionButtonContainer>\n    );\n  };\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return null;\n    }\n\n    return <IconContainer fdKey=\"empty-state-icon-container\" icon={icon} style=\"filled\" tone=\"neutral\" />;\n  };\n\n  return (\n    <StyledContainer data-fd=\"empty-state-container\" fullWidth={fullWidth}>\n      {renderIcon()}\n      <StyledTextContainer>\n        <Typography variant=\"h3Strong\">{title}</Typography>\n        <StyledDescription variant=\"b1Weak\">{description}</StyledDescription>\n      </StyledTextContainer>\n      {renderActions()}\n    </StyledContainer>\n  );\n};\n\nexport default EmptyState;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","fullWidth","display","flexDirection","alignItems","gap","spacing","width","StyledOneActionButtonContainer","justifyContent","StyledTextContainer","StyledDescription","Typography","color","palette","semantic","text","EmptyState","title","description","icon","actionButtons","_jsxs","children","_jsx","IconContainer","fdKey","style","tone","variant","Array","isArray","ButtonGroup","align","layout","order","size","map","button","key","label","replace","toLowerCase","Button","onClick","renderActions"],"mappings":"uTAkCA,MAAMA,EAAkBC,EAAOC,EAAK,CAAEC,kBAAoBC,GAAkB,cAATA,GAA3CH,CAErB,EAAGI,QAAOC,gBAAW,CACtBC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,GACnBC,MAAON,EAAY,OAAS,WAGxBO,EAAiCZ,EAAOC,EAAPD,CAAY,KAAA,CACjDM,QAAS,OACTO,eAAgB,WAChBF,MAAO,UAGHG,EAAsBd,EAAOC,EAAPD,CAAY,EAAGI,YAAO,CAChDE,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,IAAKL,EAAMM,QAAQ,MAGfK,EAAoBf,EAAOgB,EAAPhB,CAAmB,EAAGI,YAAO,CACrDa,MAAOb,EAAMc,QAAQC,SAASC,KAAK,gBAUxBC,EAAa,EACxBC,QACAC,cACAC,OACAC,gBACApB,aAAY,KAyCVqB,EAAC3B,aAAwB,wBAAwBM,UAAWA,EAASsB,SAAA,CARhEH,EAIEI,EAACC,EAAa,CAACC,MAAM,6BAA6BN,KAAMA,EAAMO,MAAM,SAASC,KAAK,YAHhF,KASPN,EAACZ,EAAmB,CAAAa,SAAA,CAClBC,EAACZ,EAAU,CAACiB,QAAQ,oBAAYX,IAChCM,EAACb,GAAkBkB,QAAQ,SAAQN,SAAEJ,OA3CrB,MACpB,GAAKE,EAIL,OAAIS,MAAMC,QAAQV,GAEdG,EAACQ,EAAW,CAACC,MAAM,QAAQC,OAAO,aAAaC,MAAM,UAAUC,KAAK,SAAQb,SACzEF,EAAcgB,IAAKC,IAClB,MAAMC,EAAM,iBAAiBD,EAAOE,MAAMC,QAAQ,OAAQ,KAAKC,gBAE/D,OACElB,EAACmB,EAAM,CAAWjB,MAAOY,EAAOE,MAAOI,QAASN,EAAOM,QAASf,QAASS,EAAOT,QAAON,SACpFe,EAAOE,OADGD,OAUrBf,EAAChB,EAA8B,CAAAe,SAC7BC,EAACmB,EAAM,CAACjB,MAAOL,EAAcmB,MAAOI,QAASvB,EAAcuB,QAASf,QAASR,EAAcQ,QAAON,SAC/FF,EAAcmB,WAqBlBK"}

package/dist/components/molecules/FlipdishStaffContainer/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/styles"),t=require("@mui/material/Typography"),s=require("../../../icons/CustomerSupport/index.cjs.js"),a=require("@mui/material/Grid2");const l=i.styled(r)((({theme:e})=>({backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2)}))),n=i.styled(a)((({theme:e})=>({alignItems:"center",display:"flex",marginBottom:e.spacing(1.5)}))),d=i.styled(t)((({theme:e})=>({fontWeight:500,marginLeft:e.spacing(1)})));module.exports=({title:r,children:i,isFlipdishStaff:t})=>t?e.jsxs(l,{"data-fd":"flipdish-staff-only-container",children:[e.jsxs(n,{children:[e.jsx(s,{}),e.jsx(d,{children:r})]}),i]}):null;
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/Box"),i=require("@mui/material/styles"),t=require("@mui/material/Typography"),s=require("../../../icons/CustomerSupport/index.cjs.js"),a=require("@mui/material/Grid2");const l=i.styled(r)(({theme:e})=>({backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2)})),n=i.styled(a)(({theme:e})=>({alignItems:"center",display:"flex",marginBottom:e.spacing(1.5)})),d=i.styled(t)(({theme:e})=>({fontWeight:500,marginLeft:e.spacing(1)}));module.exports=({title:r,children:i,isFlipdishStaff:t})=>t?e.jsxs(l,{"data-fd":"flipdish-staff-only-container",children:[e.jsxs(n,{children:[e.jsx(s,{}),e.jsx(d,{children:r})]}),i]}):null;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/FlipdishStaffContainer/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport SupportAgentOutlinedIcon from '../../../icons/CustomerSupport';\nimport Grid from '../../atoms/Grid';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.grey[200],\n  borderRadius: '4px',\n  padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n  fontWeight: 500,\n  marginLeft: theme.spacing(1),\n}));\n\ninterface Props {\n  title: string;\n  children: ReactNode;\n  isFlipdishStaff: boolean;\n}\n\nconst FlipdishStaffContainer = ({ title, children, isFlipdishStaff }: Props): React.ReactNode => {\n  return isFlipdishStaff ? (\n    <StyledContainer data-fd=\"flipdish-staff-only-container\">\n      <TitleContainer>\n        <SupportAgentOutlinedIcon />\n        <Title>{title}</Title>\n      </TitleContainer>\n\n      {children}\n    </StyledContainer>\n  ) : null;\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","title","children","isFlipdishStaff","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"sQASA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC5CC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGnBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAO,CAC5CS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAGxBM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAO,CACzCc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBASG,EAAGU,QAAOC,WAAUC,qBAC1CA,EACLC,EAAAA,KAACtB,EAAe,CAAA,UAAS,gCAA+BoB,SAAA,CACtDE,EAAAA,KAACZ,aACCa,EAAAA,IAACC,EAAwB,IACzBD,MAACR,EAAK,CAAAK,SAAED,OAGTC,KAED"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport SupportAgentOutlinedIcon from '../../../icons/CustomerSupport';\nimport Grid from '../../atoms/Grid';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.grey[200],\n  borderRadius: '4px',\n  padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n  fontWeight: 500,\n  marginLeft: theme.spacing(1),\n}));\n\ninterface Props {\n  title: string;\n  children: ReactNode;\n  isFlipdishStaff: boolean;\n}\n\nconst FlipdishStaffContainer = ({ title, children, isFlipdishStaff }: Props): React.ReactNode => {\n  return isFlipdishStaff ? (\n    <StyledContainer data-fd=\"flipdish-staff-only-container\">\n      <TitleContainer>\n        <SupportAgentOutlinedIcon />\n        <Title>{title}</Title>\n      </TitleContainer>\n\n      {children}\n    </StyledContainer>\n  ) : null;\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","title","children","isFlipdishStaff","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"sQASA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,CAAY,EAAGE,YAAO,CAC5CC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,MAGnBC,EAAiBT,EAAAA,OAAOU,EAAPV,CAAa,EAAGE,YAAO,CAC5CS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,QAGxBM,EAAQd,EAAAA,OAAOe,EAAPf,CAAmB,EAAGE,YAAO,CACzCc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,qBASG,EAAGU,QAAOC,WAAUC,qBAC1CA,EACLC,EAAAA,KAACtB,EAAe,CAAA,UAAS,gCAA+BoB,SAAA,CACtDE,EAAAA,KAACZ,aACCa,EAAAA,IAACC,EAAwB,IACzBD,MAACR,EAAK,CAAAK,SAAED,OAGTC,KAED"}

package/dist/components/molecules/FlipdishStaffContainer/index.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import"react";import t from"@mui/material/Box";import{styled as e}from"@mui/material/styles";import m from"@mui/material/Typography";import a from"../../../icons/CustomerSupport/index.js";import o from"@mui/material/Grid2";const n=e(t)((({theme:i})=>({backgroundColor:i.palette.grey[200],borderRadius:"4px",padding:i.spacing(2)}))),l=e(o)((({theme:i})=>({alignItems:"center",display:"flex",marginBottom:i.spacing(1.5)}))),p=e(m)((({theme:i})=>({fontWeight:500,marginLeft:i.spacing(1)}))),s=({title:t,children:e,isFlipdishStaff:m})=>m?i(n,{"data-fd":"flipdish-staff-only-container",children:[i(l,{children:[r(a,{}),r(p,{children:t})]}),e]}):null;export{s as default};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import"react";import t from"@mui/material/Box";import{styled as e}from"@mui/material/styles";import m from"@mui/material/Typography";import a from"../../../icons/CustomerSupport/index.js";import o from"@mui/material/Grid2";const n=e(t)(({theme:i})=>({backgroundColor:i.palette.grey[200],borderRadius:"4px",padding:i.spacing(2)})),l=e(o)(({theme:i})=>({alignItems:"center",display:"flex",marginBottom:i.spacing(1.5)})),p=e(m)(({theme:i})=>({fontWeight:500,marginLeft:i.spacing(1)})),s=({title:t,children:e,isFlipdishStaff:m})=>m?i(n,{"data-fd":"flipdish-staff-only-container",children:[i(l,{children:[r(a,{}),r(p,{children:t})]}),e]}):null;export{s as default};
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/FlipdishStaffContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport SupportAgentOutlinedIcon from '../../../icons/CustomerSupport';\nimport Grid from '../../atoms/Grid';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.grey[200],\n  borderRadius: '4px',\n  padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n  fontWeight: 500,\n  marginLeft: theme.spacing(1),\n}));\n\ninterface Props {\n  title: string;\n  children: ReactNode;\n  isFlipdishStaff: boolean;\n}\n\nconst FlipdishStaffContainer = ({ title, children, isFlipdishStaff }: Props): React.ReactNode => {\n  return isFlipdishStaff ? (\n    <StyledContainer data-fd=\"flipdish-staff-only-container\">\n      <TitleContainer>\n        <SupportAgentOutlinedIcon />\n        <Title>{title}</Title>\n      </TitleContainer>\n\n      {children}\n    </StyledContainer>\n  ) : null;\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","title","children","isFlipdishStaff","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"iRASA,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC5CC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGnBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAO,CAC5CS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAGxBM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAO,CACzCc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAStBU,EAAyB,EAAGC,QAAOC,WAAUC,qBAC1CA,EACLC,EAACvB,EAAe,CAAA,UAAS,gCAA+BqB,SAAA,CACtDE,EAACb,aACCc,EAACC,EAAwB,IACzBD,EAACT,EAAK,CAAAM,SAAED,OAGTC,KAED"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport SupportAgentOutlinedIcon from '../../../icons/CustomerSupport';\nimport Grid from '../../atoms/Grid';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n  backgroundColor: theme.palette.grey[200],\n  borderRadius: '4px',\n  padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n  fontWeight: 500,\n  marginLeft: theme.spacing(1),\n}));\n\ninterface Props {\n  title: string;\n  children: ReactNode;\n  isFlipdishStaff: boolean;\n}\n\nconst FlipdishStaffContainer = ({ title, children, isFlipdishStaff }: Props): React.ReactNode => {\n  return isFlipdishStaff ? (\n    <StyledContainer data-fd=\"flipdish-staff-only-container\">\n      <TitleContainer>\n        <SupportAgentOutlinedIcon />\n        <Title>{title}</Title>\n      </TitleContainer>\n\n      {children}\n    </StyledContainer>\n  ) : null;\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","title","children","isFlipdishStaff","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"iRASA,MAAMA,EAAkBC,EAAOC,EAAPD,CAAY,EAAGE,YAAO,CAC5CC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,MAGnBC,EAAiBT,EAAOU,EAAPV,CAAa,EAAGE,YAAO,CAC5CS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,QAGxBM,EAAQd,EAAOe,EAAPf,CAAmB,EAAGE,YAAO,CACzCc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,MAStBU,EAAyB,EAAGC,QAAOC,WAAUC,qBAC1CA,EACLC,EAACvB,EAAe,CAAA,UAAS,gCAA+BqB,SAAA,CACtDE,EAACb,aACCc,EAACC,EAAwB,IACzBD,EAACT,EAAK,CAAAM,SAAED,OAGTC,KAED"}

package/dist/components/molecules/FormControlLabel/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/FormControlLabel/index.tsx"],"sourcesContent":["import { cloneElement, type ReactElement } from 'react';\n\nimport MuiFormControlLabel, { type FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';\n\n/** Props for a form control label */\nexport interface FormControlLabelProps extends Omit<MuiFormControlLabelProps, 'control' | 'label' | 'size'> {\n  /** The control of the form control label. */\n  control: ReactElement;\n  /** The label of the form control label. */\n  label: React.ReactNode;\n  /** The value of the form control label. */\n  value: unknown;\n  /** The identifier of the form control label. */\n  fdKey?: string;\n  /** The size of the form control label. */\n  size?: 'medium' | 'small';\n  /** The children of the form control label. */\n  children?: React.ReactNode;\n  /** The class name of the form control label. */\n  className?: string;\n  /** The data-fd-variant of the form control label. */\n  'data-fd-variant'?: string;\n  /** Whether the form control label is disabled. */\n  disabled?: boolean;\n}\n\nconst FormControlLabel = ({ size = 'medium', control, label, disabled, value, children, className, 'data-fd-variant': dataFdVariant, ...props }: FormControlLabelProps): ReactElement => {\n  // Clone the control element and pass props to it\n  const controlWithProps = cloneElement(control, {\n    ...(control.props as Record<string, unknown>),\n    size,\n    disabled,\n    value,\n  } as Partial<unknown>);\n\n  const sizeClassName = `MuiFormControlLabel-size${size.charAt(0).toUpperCase() + size.slice(1)}`;\n  const mergedClassName = className ? `${sizeClassName} ${className}` : sizeClassName;\n\n  return (\n    <MuiFormControlLabel\n      className={mergedClassName}\n      control={controlWithProps}\n      data-fd-variant={dataFdVariant}\n      disabled={disabled}\n      label={label}\n      value={value}\n      {...props}\n    />\n  );\n};\n\n/**\n * FormControlLabel component is a wrapper component for a form control label.\n *\n * @param props - The props of the form control label.\n * @returns The FormControlLabel component.\n */\nexport default FormControlLabel;"],"names":["size","control","label","disabled","value","children","className","dataFdVariant","props","controlWithProps","cloneElement","sizeClassName","charAt","toUpperCase","slice","mergedClassName","_jsx","MuiFormControlLabel"],"mappings":"8HA0ByB,EAAGA,OAAO,SAAUC,UAASC,QAAOC,WAAUC,QAAOC,WAAUC,YAAW,kBAAmBC,KAAkBC,MAEtI,MAAMC,EAAmBC,EAAAA,aAAaT,EAAS,IACzCA,EAAQO,MACZR,OACAG,WACAC,UAGIO,EAAgB,2BAA2BX,EAAKY,OAAO,GAAGC,cAAgBb,EAAKc,MAAM,KACrFC,EAAkBT,EAAY,GAAGK,KAAiBL,IAAcK,EAEtE,OACEK,EAAAA,IAACC,EAAmB,CAClBX,UAAWS,EACXd,QAASQ,EAAgB,kBACRF,EACjBJ,SAAUA,EACVD,MAAOA,EACPE,MAAOA,KACHI"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/FormControlLabel/index.tsx"],"sourcesContent":["import { cloneElement, type ReactElement } from 'react';\n\nimport MuiFormControlLabel, {\n  type FormControlLabelProps as MuiFormControlLabelProps,\n} from '@mui/material/FormControlLabel';\n\n/** Props for a form control label */\nexport interface FormControlLabelProps extends Omit<MuiFormControlLabelProps, 'control' | 'label' | 'size'> {\n  /** The control of the form control label. */\n  control: ReactElement;\n  /** The label of the form control label. */\n  label: React.ReactNode;\n  /** The value of the form control label. */\n  value: unknown;\n  /** The identifier of the form control label. */\n  fdKey?: string;\n  /** The size of the form control label. */\n  size?: 'medium' | 'small';\n  /** The children of the form control label. */\n  children?: React.ReactNode;\n  /** The class name of the form control label. */\n  className?: string;\n  /** The data-fd-variant of the form control label. */\n  'data-fd-variant'?: string;\n  /** Whether the form control label is disabled. */\n  disabled?: boolean;\n}\n\nconst FormControlLabel = ({\n  size = 'medium',\n  control,\n  label,\n  disabled,\n  value,\n  children,\n  className,\n  'data-fd-variant': dataFdVariant,\n  ...props\n}: FormControlLabelProps): ReactElement => {\n  // Clone the control element and pass props to it\n  const controlWithProps = cloneElement(control, {\n    ...(control.props as Record<string, unknown>),\n    size,\n    disabled,\n    value,\n  } as Partial<unknown>);\n\n  const sizeClassName = `MuiFormControlLabel-size${size.charAt(0).toUpperCase() + size.slice(1)}`;\n  const mergedClassName = className ? `${sizeClassName} ${className}` : sizeClassName;\n\n  return (\n    <MuiFormControlLabel\n      className={mergedClassName}\n      control={controlWithProps}\n      data-fd-variant={dataFdVariant}\n      disabled={disabled}\n      label={label}\n      value={value}\n      {...props}\n    />\n  );\n};\n\n/**\n * FormControlLabel component is a wrapper component for a form control label.\n *\n * @param props - The props of the form control label.\n * @returns The FormControlLabel component.\n */\nexport default FormControlLabel;\n"],"names":["size","control","label","disabled","value","children","className","dataFdVariant","props","controlWithProps","cloneElement","sizeClassName","charAt","toUpperCase","slice","mergedClassName","_jsx","MuiFormControlLabel"],"mappings":"8HA4ByB,EACvBA,OAAO,SACPC,UACAC,QACAC,WACAC,QACAC,WACAC,YACA,kBAAmBC,KAChBC,MAGH,MAAMC,EAAmBC,EAAAA,aAAaT,EAAS,IACzCA,EAAQO,MACZR,OACAG,WACAC,UAGIO,EAAgB,2BAA2BX,EAAKY,OAAO,GAAGC,cAAgBb,EAAKc,MAAM,KACrFC,EAAkBT,EAAY,GAAGK,KAAiBL,IAAcK,EAEtE,OACEK,EAAAA,IAACC,EAAmB,CAClBX,UAAWS,EACXd,QAASQ,EAAgB,kBACRF,EACjBJ,SAAUA,EACVD,MAAOA,EACPE,MAAOA,KACHI"}

package/dist/components/molecules/FormControlLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/FormControlLabel/index.tsx"],"sourcesContent":["import { cloneElement, type ReactElement } from 'react';\n\nimport MuiFormControlLabel, { type FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';\n\n/** Props for a form control label */\nexport interface FormControlLabelProps extends Omit<MuiFormControlLabelProps, 'control' | 'label' | 'size'> {\n  /** The control of the form control label. */\n  control: ReactElement;\n  /** The label of the form control label. */\n  label: React.ReactNode;\n  /** The value of the form control label. */\n  value: unknown;\n  /** The identifier of the form control label. */\n  fdKey?: string;\n  /** The size of the form control label. */\n  size?: 'medium' | 'small';\n  /** The children of the form control label. */\n  children?: React.ReactNode;\n  /** The class name of the form control label. */\n  className?: string;\n  /** The data-fd-variant of the form control label. */\n  'data-fd-variant'?: string;\n  /** Whether the form control label is disabled. */\n  disabled?: boolean;\n}\n\nconst FormControlLabel = ({ size = 'medium', control, label, disabled, value, children, className, 'data-fd-variant': dataFdVariant, ...props }: FormControlLabelProps): ReactElement => {\n  // Clone the control element and pass props to it\n  const controlWithProps = cloneElement(control, {\n    ...(control.props as Record<string, unknown>),\n    size,\n    disabled,\n    value,\n  } as Partial<unknown>);\n\n  const sizeClassName = `MuiFormControlLabel-size${size.charAt(0).toUpperCase() + size.slice(1)}`;\n  const mergedClassName = className ? `${sizeClassName} ${className}` : sizeClassName;\n\n  return (\n    <MuiFormControlLabel\n      className={mergedClassName}\n      control={controlWithProps}\n      data-fd-variant={dataFdVariant}\n      disabled={disabled}\n      label={label}\n      value={value}\n      {...props}\n    />\n  );\n};\n\n/**\n * FormControlLabel component is a wrapper component for a form control label.\n *\n * @param props - The props of the form control label.\n * @returns The FormControlLabel component.\n */\nexport default FormControlLabel;"],"names":["FormControlLabel","size","control","label","disabled","value","children","className","dataFdVariant","props","controlWithProps","cloneElement","sizeClassName","charAt","toUpperCase","slice","_jsx","MuiFormControlLabel"],"mappings":"2HA0BA,MAAMA,EAAmB,EAAGC,OAAO,SAAUC,UAASC,QAAOC,WAAUC,QAAOC,WAAUC,YAAW,kBAAmBC,KAAkBC,MAEtI,MAAMC,EAAmBC,EAAaT,EAAS,IACzCA,EAAQO,MACZR,OACAG,WACAC,UAGIO,EAAgB,2BAA2BX,EAAKY,OAAO,GAAGC,cAAgBb,EAAKc,MAAM,KAG3F,OACEC,EAACC,EAAmB,CAClBV,UAJoBA,EAAY,GAAGK,KAAiBL,IAAcK,EAKlEV,QAASQ,EAAgB,kBACRF,EACjBJ,SAAUA,EACVD,MAAOA,EACPE,MAAOA,KACHI"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/FormControlLabel/index.tsx"],"sourcesContent":["import { cloneElement, type ReactElement } from 'react';\n\nimport MuiFormControlLabel, {\n  type FormControlLabelProps as MuiFormControlLabelProps,\n} from '@mui/material/FormControlLabel';\n\n/** Props for a form control label */\nexport interface FormControlLabelProps extends Omit<MuiFormControlLabelProps, 'control' | 'label' | 'size'> {\n  /** The control of the form control label. */\n  control: ReactElement;\n  /** The label of the form control label. */\n  label: React.ReactNode;\n  /** The value of the form control label. */\n  value: unknown;\n  /** The identifier of the form control label. */\n  fdKey?: string;\n  /** The size of the form control label. */\n  size?: 'medium' | 'small';\n  /** The children of the form control label. */\n  children?: React.ReactNode;\n  /** The class name of the form control label. */\n  className?: string;\n  /** The data-fd-variant of the form control label. */\n  'data-fd-variant'?: string;\n  /** Whether the form control label is disabled. */\n  disabled?: boolean;\n}\n\nconst FormControlLabel = ({\n  size = 'medium',\n  control,\n  label,\n  disabled,\n  value,\n  children,\n  className,\n  'data-fd-variant': dataFdVariant,\n  ...props\n}: FormControlLabelProps): ReactElement => {\n  // Clone the control element and pass props to it\n  const controlWithProps = cloneElement(control, {\n    ...(control.props as Record<string, unknown>),\n    size,\n    disabled,\n    value,\n  } as Partial<unknown>);\n\n  const sizeClassName = `MuiFormControlLabel-size${size.charAt(0).toUpperCase() + size.slice(1)}`;\n  const mergedClassName = className ? `${sizeClassName} ${className}` : sizeClassName;\n\n  return (\n    <MuiFormControlLabel\n      className={mergedClassName}\n      control={controlWithProps}\n      data-fd-variant={dataFdVariant}\n      disabled={disabled}\n      label={label}\n      value={value}\n      {...props}\n    />\n  );\n};\n\n/**\n * FormControlLabel component is a wrapper component for a form control label.\n *\n * @param props - The props of the form control label.\n * @returns The FormControlLabel component.\n */\nexport default FormControlLabel;\n"],"names":["FormControlLabel","size","control","label","disabled","value","children","className","dataFdVariant","props","controlWithProps","cloneElement","sizeClassName","charAt","toUpperCase","slice","_jsx","MuiFormControlLabel"],"mappings":"2HA4BA,MAAMA,EAAmB,EACvBC,OAAO,SACPC,UACAC,QACAC,WACAC,QACAC,WACAC,YACA,kBAAmBC,KAChBC,MAGH,MAAMC,EAAmBC,EAAaT,EAAS,IACzCA,EAAQO,MACZR,OACAG,WACAC,UAGIO,EAAgB,2BAA2BX,EAAKY,OAAO,GAAGC,cAAgBb,EAAKc,MAAM,KAG3F,OACEC,EAACC,EAAmB,CAClBV,UAJoBA,EAAY,GAAGK,KAAiBL,IAAcK,EAKlEV,QAASQ,EAAgB,kBACRF,EACjBJ,SAAUA,EACVD,MAAOA,EACPE,MAAOA,KACHI"}

package/dist/components/molecules/GenericTable/GenericTableBody/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("@mui/material/Skeleton"),l=require("@mui/material/styles"),t=require("@mui/material/TableBody"),a=require("@mui/material/TableCell"),o=require("@mui/material/TableRow"),n=require("../GenericTableBodyRow/index.cjs.js");const s=l.styled(a,{shouldForwardProp:e=>"align"!==e&&"titleCell"!==e&&"warning"!==e&&"sticky"!==e&&"isTitleRow"!==e})((({align:e,titleCell:i,warning:r,sticky:l,isTitleRow:t})=>({textAlign:e,fontWeight:i||t?"bold":"normal",backgroundColor:r?"#ffcccb":"inherit",position:l?"sticky":"static"}))),c=({colIdx:r,colName:l,hasWarning:t,hasTitle:a,meta:o,row:n,type:c})=>{const d=n[l],m=o[l]?.align??"left",u=o[l]?.hideWhenEmpty??!1?"":"-",w={align:m,warning:t??!1,titleCell:a??!1,sticky:"sticky"===c&&0===r,"data-fd":`col-${l}`,isTitleRow:n.isTitleRow??!1};if(i.isValidElement(d))return e.jsx(s,{...w,children:d});switch(o[l]?.columnType){case"String":default:return e.jsx(s,{...w,children:d??u});case"Custom":return e.jsx(s,{...w,children:d?o[l]?.customComponent?.(d,n):u})}};module.exports=({columns:i,data:l,loading:a,type:d,onRowClick:m,meta:u})=>e.jsx(t,{children:a?Array.from(Array(5)).map(((l,t)=>e.jsx(o,{"data-fd":"row-loader",children:Array.from(i).map(((i,l)=>e.jsx(s,{align:"left","data-fd":`col-${i}`,isTitleRow:!1,sticky:!1,titleCell:!1,warning:!1,children:e.jsx(r,{height:22,width:"90%"})},`col-${i}-loader-${l}`)))},`row-loader-${t}`))):l?.map(((r,l)=>e.jsx(n,{onRowClick:m,row:r,tableRowTestKey:l.toString(),children:Array.from(i).map(((i,l)=>e.jsx(c,{colIdx:l,colName:i,meta:u??{},row:r,type:d},`cell-${i}-${l}`)))},`row-${l}`)))});
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("@mui/material/Skeleton"),l=require("@mui/material/styles"),t=require("@mui/material/TableBody"),a=require("@mui/material/TableCell"),o=require("@mui/material/TableRow"),n=require("../GenericTableBodyRow/index.cjs.js");const s=l.styled(a,{shouldForwardProp:e=>"align"!==e&&"titleCell"!==e&&"warning"!==e&&"sticky"!==e&&"isTitleRow"!==e})(({align:e,titleCell:i,warning:r,sticky:l,isTitleRow:t})=>({textAlign:e,fontWeight:i||t?"bold":"normal",backgroundColor:r?"#ffcccb":"inherit",position:l?"sticky":"static"})),c=({colIdx:r,colName:l,hasWarning:t,hasTitle:a,meta:o,row:n,type:c})=>{const d=n[l],m=o[l]?.align??"left",u=o[l]?.hideWhenEmpty??!1?"":"-",w={align:m,warning:t??!1,titleCell:a??!1,sticky:"sticky"===c&&0===r,"data-fd":`col-${l}`,isTitleRow:n.isTitleRow??!1};if(i.isValidElement(d))return e.jsx(s,{...w,children:d});switch(o[l]?.columnType){case"String":default:return e.jsx(s,{...w,children:d??u});case"Custom":return e.jsx(s,{...w,children:d?o[l]?.customComponent?.(d,n):u})}};module.exports=({columns:i,data:l,loading:a,type:d,onRowClick:m,meta:u})=>e.jsx(t,{children:a?Array.from(Array(5)).map((l,t)=>e.jsx(o,{"data-fd":"row-loader",children:Array.from(i).map((i,l)=>e.jsx(s,{align:"left","data-fd":`col-${i}`,isTitleRow:!1,sticky:!1,titleCell:!1,warning:!1,children:e.jsx(r,{height:22,width:"90%"})},`col-${i}-loader-${l}`))},`row-loader-${t}`)):l?.map((r,l)=>e.jsx(n,{onRowClick:m,row:r,tableRowTestKey:l.toString(),children:Array.from(i).map((i,l)=>e.jsx(c,{colIdx:l,colName:i,meta:u??{},row:r,type:d},`cell-${i}-${l}`))},`row-${l}`))});
 //# sourceMappingURL=index.cjs.js.map