@skodaflow/web-library 7.13.0 → 7.14.0

package/components/cardContainer/cardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[null],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","theme","args","defaultBoxShadow","palette","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"2PAkCa,MAAAA,EAAgBC,GAC3B,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,GAAS,GAE3CC,GAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,GAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,kBAAMf,MACc,IAKtBgB,EAAsBK,EAAO,MAAPA,EAIxBvB,IAAA,IAAAwB,MAAEA,GAAgBxB,EAANyB,EAAIf,EAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBF,EAAMG,QAAQC,QAAQC,6CAE5DC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBP,EAAMG,QAAQK,MAAMC,2CAClD,UAAW,CACTF,UAAW,mBAAmBP,EAAMG,QAAQO,WAAWD,6CAG3D,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAE,EAkBf,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EACVjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE,CAAM"}
+{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { ternaryCondition } from '../../utils/utilities';\nimport { styled } from '@mui/material';\n\n/**\n * @interface CardContainerProps\n * @description Base definition of SkodaFlow CardContainer independent on core implementation.\n * Properties are inherited from HTML Div element.\n */\nexport interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Control the clicked state. The state can be controlled from outside if isClickable is true.\n   */\n  isClicked?: boolean;\n  /**\n   * If true the container can be clicked.\n   */\n  isClickable?: boolean;\n  /**\n   * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.\n   */\n  onClickCallback?: (state: boolean) => void;\n  /**\n   * If true, enable grey background variant\n   */\n  isGreyVariant?: boolean;\n  /**\n   * padding for cardContainer. Default 0\n   */\n  padding?: string;\n}\n\n/** @deprecated use Card component instead */\nexport const CardContainer = forwardRef<HTMLDivElement, CardContainerProps>(\n  (\n    {\n      children,\n      isClickable,\n      onClickCallback,\n      isClicked: isClickedFromOutsideState,\n      padding = '10px',\n      isGreyVariant = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isClicked, setIsClicked] = useState(false);\n\n    useEffect(() => {\n      if (!isClickable) return;\n      setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n\n    const isClickedHandler = useCallback(() => {\n      if (!isClickable) return;\n\n      setIsClicked((curr) => {\n        onClickCallback && onClickCallback(!curr);\n        return !curr;\n      });\n    }, [isClickable, onClickCallback]);\n\n    return (\n      <StyledCardContainer\n        style={{ padding: padding }}\n        {...props}\n        ref={ref}\n        onClick={isClickedHandler}\n        isClicked={isClicked}\n        isClickable={isClickable}\n        isGreyVariant={isGreyVariant}\n        data-state={isClicked ? 'clicked' : 'idle'}\n        data-testid=\"CardContainer\"\n      >\n        <div>{children}</div>\n      </StyledCardContainer>\n    );\n  },\n);\n\nconst StyledCardContainer = styled('div')<{\n  isClicked?: boolean;\n  isClickable?: boolean;\n  isGreyVariant?: boolean;\n}>(({ theme, ...args }) => {\n  const defaultBoxShadow = `inset 0 0 0 1px ${theme.palette.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n\n  const stylesBasedOnClick = args.isClicked\n    ? {\n        boxShadow: `inset 0 0 0 1px ${theme.palette.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        '&:hover': {\n          boxShadow: `inset 0 0 0 1px ${theme.palette.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        },\n      }\n    : { boxShadow: defaultBoxShadow };\n  const stylesBasedOnIsClickable = args.isClickable\n    ? { cursor: 'pointer', ...stylesBasedOnClick }\n    : { boxShadow: defaultBoxShadow };\n\n  let styles = {};\n  styles = {\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    borderRadius: '8px',\n    background: ternaryCondition(\n      args.isGreyVariant,\n      true,\n      theme.palette.surface.primary,\n      theme.palette.surface.tertiary,\n    ),\n    '&:hover': {\n      border: '',\n      boxShadow: `inset 0 0 0 1px ${theme.palette.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n    },\n    ...stylesBasedOnIsClickable,\n  };\n\n  return styles;\n});\n"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","theme","args","defaultBoxShadow","palette","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"2PAkCa,MAAAA,EAAgBC,GAC3B,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,GAAS,GAE3CC,GAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,GAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,kBAAMf,MACc,IAKtBgB,EAAsBK,EAAO,MAAPA,EAIxBvB,IAAA,IAAAwB,MAAEA,GAAgBxB,EAANyB,EAAIf,EAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBF,EAAMG,QAAQC,QAAQC,6CAE5DC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBP,EAAMG,QAAQK,MAAMC,2CAClD,UAAW,CACTF,UAAW,mBAAmBP,EAAMG,QAAQO,WAAWD,6CAG3D,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAE,EAkBf,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EACVjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE,CAAM"}

package/components/cardMenu/cardMenu.d.ts

@@ -1,7 +1,6 @@
 import React, { HTMLAttributes } from 'react';
+import { SxProps, Theme } from '@mui/material';
 import { IconNameProp } from '../icon';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
 import { Placement } from '../../utils/enum';
 /**
  * @interface CardMenuItem

package/components/cardMenu/cardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[null],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"gtBA4Ga,MAAAA,EAAWC,GACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EACD,cAAA,WAEXoB,SAAA,CAAApB,GACCkB,EAAK,MAAA,CAAAO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAACQ,EAAMC,SACL,CAAAV,SAAA,CAAAF,EAACa,EAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAACc,EAAe,CAAAH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GACpER,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EACC,CAAAlB,SAAAF,EAACqB,EAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,EAAS,CAAAC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAsB,cAAA,wBAI9Ed,EAACgC,EAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,aAyBlC5B,EAACkC,GACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACqC,GAAkBC,YAAanD,EAC9Be,SAAAC,EAACoC,EAAe,CAAAvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEa,SAAA,CAAApB,GACCqB,EAACqC,EAAS,CAAAjC,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAF,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAACoB,EAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAACqB,EAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAACgC,EAAQ,CAAAC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACqC,GAASjC,UAAU,kBAA8B,cAAA,4BAChDP,EAACwB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAACyC,GAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAU,OAIhF3C,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACqC,EAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAExCb,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,GAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,GAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB,kBAuBzB"}
+{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  ClickAwayListener,\n  Divider,\n  SxProps,\n  Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/**\n * @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n */\nexport interface CardMenuItem {\n  text: string;\n  callback?: () => void;\n  disabled?: boolean;\n  icon?: IconNameProp;\n  isChecked?: boolean;\n  url?: string;\n  target?: string;\n}\n/**\n * @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n */\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/**\n * @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n */\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * If true the drawer is shown.\n   */\n  open: boolean;\n  /**\n   * The content of the component.\n   */\n  items: CardMenuItemsArray;\n  /**\n   * React useState hook set function used to update the passed items to the component.\n   */\n  setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n  /**\n   * Callback fired when the component requests to be closed.\n   */\n  onClose: () => void;\n  /**\n   * An HTML element used to set the position of the popper.\n   */\n  anchorRef: React.RefObject<HTMLElement>;\n  /**\n   * If header is provided, a text will be displayed on top of the elements.\n   */\n  header?: string;\n  /**\n   * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n   * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n   */\n  allowMultiselect?: boolean;\n  /**\n   * Callback fired when item is clicked.\n   */\n  onItemClick?: (itemText: string) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Popper placement. Default is 'bottom'.\n   */\n  placement?: Placement;\n  /**\n   * If true, a switch button is added to the items allowing to select or deselect all of the items.\n   * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n   */\n  hasToggleSelection?: boolean;\n  /**\n   * The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n   */\n  toggleLabel?: string;\n  /** Renders the popper with border radius */\n  rounded?: boolean;\n}\n\n/** @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n  (\n    {\n      items,\n      setItems,\n      open,\n      header,\n      anchorRef,\n      allowMultiselect,\n      hasToggleSelection,\n      onItemClick,\n      onClose,\n      sx,\n      classes,\n      placement,\n      toggleLabel,\n      rounded,\n    },\n    ref,\n  ) => {\n    const { isMobile } = useWindowSize();\n    const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n      items,\n      allowMultiselect,\n      setItems,\n      onItemClick,\n      onClose,\n    );\n\n    return (\n      <>\n        {isMobile ? (\n          <DrawerStyled\n            open={open}\n            onClose={onClose}\n            anchor=\"bottom\"\n            sx={sx}\n            ref={ref}\n            classes={classes}\n            hasHeader={!!header}\n            data-testid=\"CardMenu\"\n          >\n            {header && (\n              <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n                {header}\n              </div>\n            )}\n            <List>\n              {items.map((item) => {\n                return (\n                  <React.Fragment key={item.text}>\n                    <ListItem\n                      data-testid=\"CardMenu.item\"\n                      data-state={item.disabled ? 'disabled' : undefined}\n                      disableGutters\n                    >\n                      <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n                        {item.icon && (\n                          <ListItemIcon>\n                            <Icon name={item.icon} fontSize=\"small\" />\n                          </ListItemIcon>\n                        )}\n                        <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n                        {allowMultiselect && (\n                          <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n                        )}\n                      </ListItemButton>\n                    </ListItem>\n                    <Divider variant=\"middle\" />\n                  </React.Fragment>\n                );\n              })}\n            </List>\n          </DrawerStyled>\n        ) : (\n          <PopperStyled\n            open={open}\n            anchorEl={anchorRef.current}\n            placement={placement}\n            ref={ref}\n            rounded={rounded}\n            data-testid=\"CardMenu\"\n          >\n            <ClickAwayListener onClickAway={onClose}>\n              <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n                {header && (\n                  <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n                    <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n                    <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n                      <Icon name=\"close\" fontSize=\"small\" />\n                    </ListItemIcon>\n                  </MenuItem>\n                )}\n                {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n                {allowMultiselect && hasToggleSelection && (\n                  <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n                    <ListItemText\n                      primaryTypographyProps={{ noWrap: true }}\n                      primary={toggleLabel ? toggleLabel : 'Select all'}\n                    />\n                    <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n                  </MenuItem>\n                )}\n\n                <div className=\"menu-content-items\">\n                  {items.map((item) => {\n                    return (\n                      <MenuItem\n                        key={item.text}\n                        disabled={item.disabled}\n                        onClick={() => onClickHandler(item)}\n                        data-testid=\"CardMenu.item\"\n                        data-state={item.disabled ? 'disabled' : undefined}\n                      >\n                        {item.icon && (\n                          <ListItemIcon>\n                            <Icon name={item.icon} fontSize=\"small\" />\n                          </ListItemIcon>\n                        )}\n                        <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n                        {allowMultiselect && (\n                          <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n                        )}\n                      </MenuItem>\n                    );\n                  })}\n                </div>\n              </MenuListStyled>\n            </ClickAwayListener>\n          </PopperStyled>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"gtBA4Ga,MAAAA,EAAWC,GACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EACD,cAAA,WAEXoB,SAAA,CAAApB,GACCkB,EAAK,MAAA,CAAAO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAACQ,EAAMC,SACL,CAAAV,SAAA,CAAAF,EAACa,EAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAACc,EAAe,CAAAH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GACpER,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EACC,CAAAlB,SAAAF,EAACqB,EAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,EAAS,CAAAC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAsB,cAAA,wBAI9Ed,EAACgC,EAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,aAyBlC5B,EAACkC,GACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACqC,GAAkBC,YAAanD,EAC9Be,SAAAC,EAACoC,EAAe,CAAAvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEa,SAAA,CAAApB,GACCqB,EAACqC,EAAS,CAAAjC,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAF,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAACoB,EAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAACqB,EAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAACgC,EAAQ,CAAAC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACqC,GAASjC,UAAU,kBAA8B,cAAA,4BAChDP,EAACwB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAACyC,GAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAU,OAIhF3C,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACqC,EAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAExCb,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,GAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,GAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB,kBAuBzB"}

package/components/cardMenu/hooks/useCardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[null],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}
+{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n  items: CardMenuItemsArray,\n  allowMultiselect: boolean,\n  setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n  onItemClick: (itemText: string) => void,\n  onClose: () => void,\n) => {\n  const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n  const onToggleChange = useCallback(\n    (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n      setItems((curr) =>\n        curr.map((item) => {\n          if (item.disabled) return item;\n          return { ...item, isChecked: checkedState };\n        }),\n      );\n    },\n    [setItems],\n  );\n\n  const updateItems = useCallback(\n    (textItem: string) => {\n      setItems((curr) =>\n        curr.map((item) => {\n          if (item.text === textItem) {\n            return { ...item, isChecked: !item.isChecked };\n          }\n\n          return item;\n        }),\n      );\n    },\n    [setItems],\n  );\n\n  const onClickHandler = useCallback(\n    (item: CardMenuItem) => {\n      if (item.url) {\n        window.open(item.url, item.target || '_blank');\n      }\n\n      if (onItemClick) onItemClick(item.text);\n      if (item.callback) item.callback();\n      if (!allowMultiselect) onClose();\n      else updateItems(item.text);\n    },\n    [allowMultiselect, onClose, onItemClick, updateItems],\n  );\n\n  useEffect(() => {\n    const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n    setIsToggleChecked(areAllChecked);\n  }, [items]);\n\n  return {\n    onClickHandler,\n    onToggleChange,\n    isToggleChecked,\n  };\n};\n"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}

package/components/cardMenu/styled/drawerStyled.d.ts

@@ -1,3 +1,3 @@
-export declare const DrawerStyled: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+export declare const DrawerStyled: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     hasHeader: boolean;
 }, {}, {}>;

package/components/cardMenu/styled/drawerStyled.js

@@ -1,2 +1,2 @@
-import{styled as i}from"@mui/system";import{Drawer as e}from"@mui/material";const o=i(e,{shouldForwardProp:i=>"hasHeader"!==i})((({theme:i,hasHeader:e})=>({"& .MuiPaper-root > .MuiList-root":{fontSize:"16px",fontWeight:400,paddingBottom:"32px",listStyleType:"none",maxHeight:"201px",marginTop:e?"9px":"0px","& > .MuiListItem-root":{lineHeight:"24px",padding:"23px 16px 11px 16px",display:"flex","&:hover":{background:i.palette.surface.primary},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"8px","& > .MuiIcon-root":{color:i.palette.text.primary,display:"inline"}},"& > .MuiTypography-root":{flex:1}}},".MuiPaper-root > .drawer-header":{padding:"16px 16px 0px 16px",fontWeight:"bold",lineHeight:"24px",fontSize:"20px",wordBreak:"break-all"},"& > .MuiPaper-root":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}})));export{o as DrawerStyled};
+import{styled as i}from"@mui/material/styles";import{Drawer as e}from"@mui/material";const o=i(e,{shouldForwardProp:i=>"hasHeader"!==i})((({theme:i,hasHeader:e})=>({"& .MuiPaper-root > .MuiList-root":{fontSize:"16px",fontWeight:400,paddingBottom:"32px",listStyleType:"none",maxHeight:"201px",marginTop:e?"9px":"0px","& > .MuiListItem-root":{lineHeight:"24px",padding:"23px 16px 11px 16px",display:"flex","&:hover":{background:i.palette.surface.primary},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"8px","& > .MuiIcon-root":{color:i.palette.text.primary,display:"inline"}},"& > .MuiTypography-root":{flex:1}}},".MuiPaper-root > .drawer-header":{padding:"16px 16px 0px 16px",fontWeight:"bold",lineHeight:"24px",fontSize:"20px",wordBreak:"break-all"},"& > .MuiPaper-root":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}})));export{o as DrawerStyled};
 //# sourceMappingURL=drawerStyled.js.map

package/components/cardMenu/styled/drawerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":[null],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"4EAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}
+{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n  shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n  return {\n    '& .MuiPaper-root > .MuiList-root': {\n      fontSize: '16px',\n      fontWeight: 400,\n      paddingBottom: '32px',\n      listStyleType: 'none',\n      maxHeight: '201px',\n      marginTop: hasHeader ? '9px' : '0px',\n      '& > .MuiListItem-root': {\n        lineHeight: '24px',\n        padding: '23px 16px 11px 16px',\n        display: 'flex',\n        '&:hover': {\n          background: theme.palette.surface.primary,\n        },\n        '& > .MuiListItemIcon-root': {\n          display: 'inline-block',\n          lineHeight: '21px',\n          minWidth: 'unset',\n          width: '20px',\n          marginRight: '8px',\n          '& > .MuiIcon-root': {\n            color: theme.palette.text.primary,\n            display: 'inline',\n          },\n        },\n        '& > .MuiTypography-root': {\n          flex: 1,\n        },\n      },\n    },\n    '.MuiPaper-root > .drawer-header': {\n      padding: '16px 16px 0px 16px',\n      fontWeight: 'bold',\n      lineHeight: '24px',\n      fontSize: '20px',\n      wordBreak: 'break-all',\n    },\n    '& > .MuiPaper-root': {\n      borderTopLeftRadius: '16px',\n      borderTopRightRadius: '16px',\n    },\n  };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"qFAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}

package/components/cardMenu/styled/menuListStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[null],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"qDAEa,MAAAA,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAE,EA8Ed,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}
+{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n  shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n  const conditionalStyles = allowMultiselect\n    ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n    : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n  let style = {};\n  style = {\n    boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n    background: theme.palette.common.white,\n    padding: '0px',\n    minWidth: '105px',\n    maxWidth: '222px',\n    '& > .menu-item-divider': {\n      margin: '0px !important',\n    },\n    '& > .menu-content-items': {\n      maxHeight: '240px',\n      overflowY: 'overlay',\n      '& .MuiCheckbox-root': {\n        marginRight: '4px',\n      },\n    },\n    '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n      color: theme.palette.onSurface.os900,\n      whiteSpace: 'nowrap',\n      padding: conditionalStyles.padding,\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.primary,\n        opacity: 1,\n        '& .MuiIcon-root': {\n          color: `${theme.palette.disabled.primary}!important`,\n        },\n      },\n      '&:hover': {\n        background: theme.palette.surface.primary,\n      },\n      '& > .MuiListItemText-root': {\n        marginRight: conditionalStyles.marginRight,\n      },\n      '& .MuiTypography-root': {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      '& > .MuiListItemIcon-root': {\n        display: 'inline-block',\n        lineHeight: '21px',\n        minWidth: 'unset',\n        width: '20px',\n        marginRight: '16px',\n        '& > .MuiIcon-root': {\n          color: theme.palette.text.primary,\n          display: 'inline',\n        },\n      },\n      '&.menu-item-header': {\n        padding: '12px 12px 12px 24px',\n        '& .MuiTypography-root': {\n          fontWeight: '700',\n          lineHeight: '20px',\n        },\n        '&:hover': {\n          background: theme.palette.background.primary,\n          cursor: 'default',\n        },\n        '& .MuiListItemIcon-root': {\n          color: theme.palette.onSurface.os900,\n          marginRight: conditionalStyles.marginRightCross,\n          cursor: 'pointer',\n        },\n        '& > .MuiListItemText-root': {\n          marginRight: '15px',\n        },\n      },\n      '&.menu-select-all': {\n        '&:hover': {\n          background: theme.palette.background.primary,\n          cursor: 'default',\n        },\n      },\n    },\n  };\n\n  return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"qDAEa,MAAAA,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAE,EA8Ed,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}

package/components/cardMenu/styled/popperStyled.d.ts

@@ -1,4 +1,4 @@
-export declare const PopperStyled: import("@emotion/styled").StyledComponent<import("@mui/base").PopperOwnProps & Omit<any, keyof import("@mui/base").PopperOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+export declare const PopperStyled: import("@emotion/styled").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     theme?: any;
     isMobile?: boolean;
     rounded?: boolean;

package/components/cardMenu/styled/popperStyled.js

@@ -1,2 +1,2 @@
-import{styled as r}from"@mui/system";import{Popper as o}from"@mui/base";const d=r(o,{shouldForwardProp:r=>"rounded"!==r})((({theme:r,rounded:o})=>({zIndex:"100",background:r.palette.background.primary,"& > *":{borderRadius:o?"4px":void 0}})));export{d as PopperStyled};
+import{styled as r}from"@mui/material/styles";import{Popper as o}from"@mui/material";const d=r(o,{shouldForwardProp:r=>"rounded"!==r})((({theme:r,rounded:o})=>({zIndex:"100",background:r.palette.background.primary,"& > *":{borderRadius:o?"4px":void 0}})));export{d as PopperStyled};
 //# sourceMappingURL=popperStyled.js.map

package/components/cardMenu/styled/popperStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[null],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"wEAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
+{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n  shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n  theme?: any;\n  isMobile?: boolean;\n  rounded?: boolean;\n}>(({ theme, rounded }) => {\n  return {\n    zIndex: '100',\n    background: theme.palette.background.primary,\n    '& > *': {\n      borderRadius: rounded ? '4px' : undefined,\n    },\n  };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"qFAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/components/carousel/autoplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":[null],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","running","IconButton","onClick"],"mappings":"wbAuCa,MAAAA,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,EAA7BR,EAAAM,EAAA,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,EAA7BX,EAAAS,EAAA,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,EAEAe,OAAAC,OAAA,CAAAhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,MAG9E,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,EAC1G,CAAAmC,SAAA,CAAAC,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,GACEmB,OAAAC,OAAA,CAAAwB,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,GAAMmB,OAAAC,OAAA,CAAAhB,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,GAEgCnD,EAD7BQ,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,GAChBhC,OAAAC,OAAA,CAAA8B,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,GAAmC,QAApB1C,EAAAd,eAAAA,EAAU+B,gBAAU,IAAAjB,OAAA,EAAAA,EAAA2C,SAAUJ,EAAYD,EAE/D,OACET,EAACe,EAAUrC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ,IAAAd,OAAA,EAAAA,EAAEwC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,OAAqB,QAArB5D,EAAAC,aAAA,EAAAA,EAAU+B,gBAAW,IAAAhC,OAAA,EAAAA,GAAoB,QAApBe,EAAAd,aAAQ,EAARA,EAAU+B,gBAAU,IAAAjB,OAAA,EAAAA,EAAA2C,SAAU,OAAS,UAAU,GACjFlD,EAEH,CAAAmC,SAAAA,GAAYC,EAACa,EAAiBnC,OAAAC,OAAA,CAAA,EAAA2B,MAGrC"}
+{"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  IconButtonProps,\n  CircularProgress,\n  CircularProgressProps,\n  BoxProps,\n  CSSObject,\n  SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' | 'position'> {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Foreground Circular Progress (main) props\n   */\n  foregroundCircleProps?: CircularProgressProps;\n  /**\n   * Background Circular Progress props\n   */\n  backgroundCircleProps?: CircularProgressProps;\n  /**\n   * Append style to wrapper box to change position of component\n   */\n  position?: 'outside' | 'inside';\n}\n\n/**\n * Spinner with autoplay progress value\n */\nexport const CarouselAutoplayProgress = ({\n  carousel: carouselProp,\n  sx: rawSx,\n  foregroundCircleProps,\n  backgroundCircleProps,\n  position = 'outside',\n  ...rest\n}: CarouselAutoplayProgressProps) => {\n  const [value, setValue] = useState<number>(0);\n  const carouselHook = useSwiper();\n  const carousel = carouselProp || carouselHook;\n  const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps || {};\n  const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps || {};\n\n  // position extra styling applied to wrapper\n  const sx = useMemo<CSSObject | BoxProps['sx']>(() => {\n    if (position === 'inside') {\n      return {\n        position: 'absolute',\n        zIndex: '90',\n        bottom: '0',\n        left: '0',\n        right: '0',\n        m: 2,\n        ...rawSx,\n      };\n    } else {\n      return rawSx;\n    }\n  }, [position, JSON.stringify(rawSx)]);\n\n  useEffect(() => {\n    // attach listener that controls progress value based on swiper special event\n    if (carousel && carousel.autoplay) {\n      carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n        setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage * 100));\n      });\n    }\n  }, [!!carousel]);\n\n  return (\n    <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n      <CircularProgress\n        variant=\"determinate\"\n        data-testid=\"CarouselAutoplayProgress.Foreground\"\n        value={value}\n        sx={{\n          color: 'brand.secondary',\n          // overlap\n          position: 'relative',\n          zIndex: '10',\n          '.MuiCircularProgress-circle': {\n            transition: 'none',\n          },\n          ...foregroundCircleSx,\n        }}\n        {...restForegroundCircle}\n      />\n      <CircularProgress\n        variant=\"determinate\"\n        data-testid=\"CarouselAutoplayProgress.Background\"\n        value={100}\n        sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n        {...restBackgroundCircle}\n      />\n    </Box>\n  );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Properties passed to the Icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Nodes used for the icons\n   */\n  iconSlots?: {\n    pauseIcon?: ElementType<SvgIconProps>;\n    playIcon?: ElementType<SvgIconProps>;\n  };\n}\n\n/**\n * IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n  carousel: carouselProp,\n  children,\n  iconProps,\n  iconSlots,\n  ...rest\n}: CarouselAutoplayIconButtonProps) {\n  const carouselHook = useCarousel();\n  const carousel = carouselProp || carouselHook;\n  const { playIcon, pauseIcon } = {\n    playIcon: ControlsPlayIcon,\n    pauseIcon: ControlsPauseIcon,\n    ...(iconSlots || {}),\n  };\n  const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n  return (\n    <IconButton\n      aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n      onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n      {...rest}\n    >\n      {children || <AutoplayIcon {...iconProps} />}\n    </IconButton>\n  );\n}\n"],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","running","IconButton","onClick"],"mappings":"wbAuCa,MAAAA,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,EAA7BR,EAAAM,EAAA,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,EAA7BX,EAAAS,EAAA,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,EAEAe,OAAAC,OAAA,CAAAhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,MAG9E,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,EAC1G,CAAAmC,SAAA,CAAAC,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,GACEmB,OAAAC,OAAA,CAAAwB,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,GAAMmB,OAAAC,OAAA,CAAAhB,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,GAEgCnD,EAD7BQ,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,GAChBhC,OAAAC,OAAA,CAAA8B,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,GAAmC,QAApB1C,EAAAd,eAAAA,EAAU+B,gBAAU,IAAAjB,OAAA,EAAAA,EAAA2C,SAAUJ,EAAYD,EAE/D,OACET,EAACe,EAAUrC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ,IAAAd,OAAA,EAAAA,EAAEwC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,OAAqB,QAArB5D,EAAAC,aAAA,EAAAA,EAAU+B,gBAAW,IAAAhC,OAAA,EAAAA,GAAoB,QAApBe,EAAAd,aAAQ,EAARA,EAAU+B,gBAAU,IAAAjB,OAAA,EAAAA,EAAA2C,SAAU,OAAS,UAAU,GACjFlD,EAEH,CAAAmC,SAAAA,GAAYC,EAACa,EAAiBnC,OAAAC,OAAA,CAAA,EAAA2B,MAGrC"}

package/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAA5FC,EAAAX,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EACJ,CAAAkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}
+{"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n  // `cssMode` not supported\n  // instead of `navigation` use <CarouselNavigation />\n  // instead of `pagination` use <CarouselPagination />\n  // instead of `onSwiper` use `onInit`\n  extends Omit<SwiperProps, 'children' | 'cssMode' | 'navigation' | 'pagination' | 'onSwiper'>,\n    Omit<BoxProps, keyof Omit<SwiperProps, 'children'> | 'component'> {\n  /**\n   * Callback that receives Swiper instance\n   */\n  onInit?: SwiperProps['onSwiper'];\n  /**\n   * Travelled distance in px for peek effect\n   * @default 100\n   */\n  peekDistance?: number;\n  /**\n   * Speed of peek effect\n   * @default 150 (half of default Carousel's speed)\n   */\n  peekSpeed?: number;\n}\n\n/**\n * Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n  ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n    return (\n      <Box\n        component={Swiper}\n        spaceBetween={0}\n        autoHeight\n        loop\n        keyboard={{\n          enabled: true,\n        }}\n        modules={[\n          Keyboard,\n          ...(effect === 'fade' ? [EffectFade] : []),\n          ...(autoplay ? [Autoplay] : []),\n          ...(parallax ? [Parallax] : []),\n        ]}\n        parallax={parallax}\n        effect={effect}\n        autoplay={autoplay}\n        ref={ref}\n        {...rest}\n        onSwiper={onInit}\n        data-peekspeed={peekSpeed}\n        sx={{\n          // generic root styling, based on the `import 'swiper/css'`\n          display: 'block',\n          ml: 'auto',\n          mr: 'auto',\n          p: '0',\n          maxWidth: '100%',\n          // ensure correct position\n          position: 'relative',\n          zIndex: '50',\n          overflow: 'hidden',\n          // support for ul-type\n          listStyle: 'none',\n          // variants\n          '&.swiper-horizontal': {\n            touchAction: 'pan-y',\n          },\n          '&.swiper-vertical': {\n            touchAction: 'pan-x',\n            '& > .swiper-wrapper': {\n              flexDirection: 'column',\n            },\n          },\n          '&.swiper-autoheight': {\n            height: 'auto',\n            '& > .swiper-wrapper': {\n              alignItems: 'flex-start',\n              transitionProperty: 'transform, height',\n            },\n          },\n          // wrapper of all slides\n          '& .swiper-wrapper': {\n            position: 'relative',\n            width: '100%',\n            height: '100%',\n            zIndex: '50',\n            display: 'flex',\n            transitionProperty: 'transform',\n            transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n            boxSizing: 'content-box',\n            transform: 'translate3d(0px, 0, 0)',\n          },\n          // peek effect\n          ...(effect !== 'fade' && {\n            '&.peeking .swiper-wrapper > .swiper-slide': {\n              transitionProperty: 'transform',\n              transitionDuration: `${peekSpeed}ms`,\n              transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n            },\n            '&.peek-next .swiper-wrapper > .swiper-slide': {\n              transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n            },\n            '&.peek-prev .swiper-wrapper > .swiper-slide': {\n              transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n            },\n          }),\n          // swiper internal\n          '.swiper-slide-invisible-blank': {\n            visibility: 'hidden',\n          },\n          '.swiper-backface-hidden .swiper-slide': {\n            transform: 'translateZ(0)',\n            WebkitBackfaceVisibility: 'hidden',\n            backfaceVisibility: 'hidden',\n          },\n          // does not include CSS Mode, 3D Shadows, lazy loading\n          ...sx,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAA5FC,EAAAX,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EACJ,CAAAkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}

package/components/carousel/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,IAEDD,QAAAA,EAAU,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAAiBS,SACrGC,IACCT,EAASU,GAAGD,GAAK,KACfH,EAAY,CAAA,EAAG,GACf,MAIP,CAACN,IAEJW,GAAgB,KACdL,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUM,EAAsBZ,GACpC,MAAOa,EAAMC,GAAWZ,EAA2C,MAC7Da,EAAcC,EAA8B,OAC3CC,EAAUC,GAAehB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATM,GACY,QAAdM,EAAAnB,aAAQ,EAARA,EAAUoB,UAAI,IAAAD,GAAAA,EAAAE,UAAUC,OAAO,aACjB,QAAdC,EAAAvB,aAAQ,EAARA,EAAUoB,UAAI,IAAAG,GAAAA,EAAAF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbd,aAAA,EAAAA,EAAUoB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHjB,SAAAA,EAAU2B,WAAW,GACR,SAATd,GACFb,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU6B,UAAU,KAEpB7B,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU4B,UAAU,IAER,QAAdE,EAAA9B,aAAQ,EAARA,EAAUoB,UAAI,IAAAU,GAAAA,EAAAT,UAAUU,IAAI,WAChB,QAAZC,EAAAhC,aAAA,EAAAA,EAAUoB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAGxB,QAAdoB,EAAAjC,aAAQ,EAARA,EAAUoB,UAAI,IAAAa,GAAAA,EAAAZ,UAAUC,OAAO,WACjB,QAAdY,EAAAlC,aAAQ,EAARA,EAAUoB,UAAI,IAAAc,GAAAA,EAAAb,UAAUC,OAAO,aACjB,QAAda,EAAAnC,aAAQ,EAARA,EAAUoB,UAAI,IAAAe,GAAAA,EAAAd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,SAE5B,GACA,CAACX,IAKJN,GAAU,KAERP,SAAAA,EAAUU,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBlB,SAAAA,EAAUU,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGlB,IAEC,CAACa,EAAMC,EAChB"}
+{"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/**\n * Hook to obtain and manage CarouselInstance\n * */\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n  const [carousel, setCarousel] = useState<CarouselInstance | null>(null);\n  useRefreshInstance(carousel, events);\n\n  return [carousel, setCarousel] as const;\n}\n\n/**\n * Hook to obtain CarouselInstance inside the Carousel component\n */\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n  const carousel = useSwiper();\n  useRefreshInstance(carousel, events);\n\n  return carousel;\n}\n\n/**\n * Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n */\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n  // force re-render\n  const [, setRerender] = useState({});\n  useEffect(() => {\n    if (carousel) {\n      // subscribe to carousel events to trigger re-render\n      (events ?? ['slideChange', 'afterInit', 'reachBeginning', 'reachEnd', 'autoplayStart', 'autoplayStop']).forEach(\n        (evt: keyof SwiperEvents) => {\n          carousel.on(evt, () => {\n            setRerender({});\n          });\n        },\n      );\n    }\n  }, [carousel]);\n  // once everything is rendered, make sure to re-render to have proper data (initialization)\n  useLayoutEffect(() => {\n    setRerender({});\n  }, []);\n}\n\n/**\n * Manage peek effect in the Carousel by adding classes to the Carousel instance\n */\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n  const [peek, setPeek] = useState<'prev' | 'next' | 'reset' | null>(null);\n  const peekTimeout = useRef<NodeJS.Timeout | null>(null);\n  const [disabled, setDisabled] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (peek === 'reset') {\n      carousel?.el?.classList.remove('peek-prev');\n      carousel?.el?.classList.remove('peek-next');\n      peekTimeout.current = setTimeout(\n        () => {\n          setPeek(null);\n        },\n        +(carousel?.el.getAttribute('data-peekspeed') || 150),\n      ); // matches transitionDuration in the Carousel\n    } else if (peek) {\n      if (!disabled) {\n        // make sure prev/next slide is visible (loop)\n        carousel?.slideReset(0);\n        if (peek === 'prev') {\n          carousel?.slidePrev(0);\n          carousel?.slideNext(0);\n        } else {\n          carousel?.slideNext(0);\n          carousel?.slidePrev(0);\n        }\n        carousel?.el?.classList.add('peeking');\n        carousel?.el?.classList.add(`peek-${peek}`);\n      }\n    } else {\n      carousel?.el?.classList.remove('peeking');\n      carousel?.el?.classList.remove('peek-prev');\n      carousel?.el?.classList.remove('peek-next');\n    }\n\n    return () => {\n      if (peekTimeout.current) {\n        clearTimeout(peekTimeout.current);\n      }\n    };\n  }, [peek]);\n\n  /**\n   * Watch carousel instance\n   */\n  useEffect(() => {\n    // once carousel is being dragged, reset and disable peek effect\n    carousel?.on('touchStart', () => {\n      setPeek('reset');\n      setDisabled(true);\n    });\n    carousel?.on('touchEnd', () => {\n      setPeek('reset');\n      setDisabled(false);\n    });\n  }, [!!carousel]);\n\n  return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,IAEDD,QAAAA,EAAU,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAAiBS,SACrGC,IACCT,EAASU,GAAGD,GAAK,KACfH,EAAY,CAAA,EAAG,GACf,MAIP,CAACN,IAEJW,GAAgB,KACdL,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUM,EAAsBZ,GACpC,MAAOa,EAAMC,GAAWZ,EAA2C,MAC7Da,EAAcC,EAA8B,OAC3CC,EAAUC,GAAehB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATM,GACY,QAAdM,EAAAnB,aAAQ,EAARA,EAAUoB,UAAI,IAAAD,GAAAA,EAAAE,UAAUC,OAAO,aACjB,QAAdC,EAAAvB,aAAQ,EAARA,EAAUoB,UAAI,IAAAG,GAAAA,EAAAF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbd,aAAA,EAAAA,EAAUoB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHjB,SAAAA,EAAU2B,WAAW,GACR,SAATd,GACFb,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU6B,UAAU,KAEpB7B,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU4B,UAAU,IAER,QAAdE,EAAA9B,aAAQ,EAARA,EAAUoB,UAAI,IAAAU,GAAAA,EAAAT,UAAUU,IAAI,WAChB,QAAZC,EAAAhC,aAAA,EAAAA,EAAUoB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAGxB,QAAdoB,EAAAjC,aAAQ,EAARA,EAAUoB,UAAI,IAAAa,GAAAA,EAAAZ,UAAUC,OAAO,WACjB,QAAdY,EAAAlC,aAAQ,EAARA,EAAUoB,UAAI,IAAAc,GAAAA,EAAAb,UAAUC,OAAO,aACjB,QAAda,EAAAnC,aAAQ,EAARA,EAAUoB,UAAI,IAAAe,GAAAA,EAAAd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,SAE5B,GACA,CAACX,IAKJN,GAAU,KAERP,SAAAA,EAAUU,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBlB,SAAAA,EAAUU,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGlB,IAEC,CAACa,EAAMC,EAChB"}

package/components/carousel/navigation.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{useCarousel as n,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a}from"@mui/system";import{useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as m}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as d}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as b}from"../../materialui/button/interactive.js";function g({carousel:g,peekEffect:f=!1,prevButtonProps:j,prevIconProps:x,PrevIconComponent:O,nextButtonProps:k,nextIconProps:v,NextIconComponent:C,arrows:P=!0,onBackground:h=!1}){const I=n(),y=g||I,M="fade"!==(null==y?void 0:y.originalParams.effect)&&f,B=a(),E=c(B.breakpoints.up("md")),L=j||{},{sx:w}=L,N=r(L,["sx"]),A=k||{},{sx:R}=A,z=r(A,["sx"]),[S,q]=i(y),D=O||(P?d:p),F=C||(P?u:m),G=t((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",mt:"-22px"},b({color:"text.primary",borderColor:h?"transparent.transparent":"onSurface.os600",backgroundColor:h?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:"disabled.primary",backgroundColor:h?"transparent.transparent":"disabled.secondary"}})),[]);return o(e,{children:[s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isBeginning,onClick:()=>{null==y||y.slidePrev(),M&&S&&q("reset")},onMouseEnter:()=>E&&M&&q("prev"),onMouseLeave:()=>M&&S&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{left:"16px"}),w),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface"},N,{children:"rtl"===B.direction?s(F,Object.assign({},x)):s(D,Object.assign({},x))})),s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isEnd,onClick:()=>{null==y||y.slideNext(),M&&S&&q("reset")},onMouseEnter:()=>E&&M&&q("next"),onMouseLeave:()=>M&&S&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{right:"16px"}),R),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},z,{children:"rtl"===B.direction?s(D,Object.assign({},v)):s(F,Object.assign({},v))}))]})}export{g as CarouselNavigation};
+import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{useCarousel as n,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a,useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as m}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";function b({carousel:b,peekEffect:g=!1,prevButtonProps:f,prevIconProps:j,PrevIconComponent:O,nextButtonProps:k,nextIconProps:v,NextIconComponent:h,arrows:C=!0,onBackground:I=!1}){const P=n(),y=b||P,M="fade"!==(null==y?void 0:y.originalParams.effect)&&g,w=a(),B=c(w.breakpoints.up("md")),E=f||{},{sx:L}=E,z=r(E,["sx"]),N=k||{},{sx:S}=N,A=r(N,["sx"]),[R,q]=i(y),D=O||(C?m:p),F=h||(C?u:d),G=t((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},x({color:"text.primary",borderColor:I?"transparent.transparent":"onSurface.os100",backgroundColor:I?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:I?"transparent.transparent":"disabled.secondary",backgroundColor:I?"transparent.transparent":"disabled.secondary"}})),[]);return o(e,{children:[s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isBeginning,onClick:()=>{null==y||y.slidePrev(),M&&R&&q("reset")},onMouseEnter:()=>B&&M&&q("prev"),onMouseLeave:()=>M&&R&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{left:"16px"}),L),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},z,{children:"rtl"===w.direction?s(F,Object.assign({},j)):s(D,Object.assign({},j))})),s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isEnd,onClick:()=>{null==y||y.slideNext(),M&&R&&q("reset")},onMouseEnter:()=>B&&M&&q("next"),onMouseLeave:()=>M&&R&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{right:"16px"}),S),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},A,{children:"rtl"===w.direction?s(D,Object.assign({},v)):s(F,Object.assign({},v))}))]})}export{b as CarouselNavigation};
 //# sourceMappingURL=navigation.js.map

package/components/carousel/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","mt","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","direction","isEnd","slideNext","right"],"mappings":"ioBA4DgB,SAAAA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAA,EAAAA,EAAUc,eAAeC,SAAqBZ,EAC3Da,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BlB,GAAmB,IAA/CmB,GAAIC,KAAWC,EAAjBC,EAAAJ,EAAA,CAAA,OACAK,EAA8BpB,GAAmB,IAA/CgB,GAAIK,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAsBhC,GACxCiC,EAAW3B,IAAsBI,EAASwB,EAAgBC,GAC1DC,EAAW3B,IAAsBC,EAAS2B,EAAiBC,GAG3DC,EAAWC,GACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,SAEDC,EACD,CACEC,MAAO,eACPC,YAAatC,EAAe,0BAA4B,kBACxDuC,gBAAiBvC,EAAe,0BAA4B,mBAE9D,CACEuC,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa,mBACbC,gBAAiBvC,EAAe,0BAA4B,yBAGhE,IAGF,OACEwC,eACEC,EAACC,iBACCC,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASwD,YAChEC,QAAS,KACPzD,SAAAA,EAAU0D,YACVxD,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GACH,CAAAsB,KAAM,SACHrC,GAEM,aAAA,iCACG,WACdwB,MAAM,WACFvB,EAAQ,CAAAqC,SAES,QAApB9C,EAAM+C,UAAsBX,EAAChB,EAAaK,OAAAC,OAAA,CAAA,EAAArC,IAAoB+C,EAACnB,mBAAa5B,OAE/E+C,EAACC,EACCZ,OAAAC,OAAA,CAAAY,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASgE,MAChEP,QAAS,KACPzD,SAAAA,EAAUiE,YACV/D,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GAAQ,CACX2B,MAAO,SACJtC,GAEM,aAAA,aACG,gBAAA,WACdoB,MAAM,WACFnB,EAEH,CAAAiC,SAAoB,QAApB9C,EAAM+C,UAAsBX,EAACnB,EAAQQ,OAAAC,OAAA,CAAA,EAAKlC,IAAoB4C,EAAChB,mBAAa5B,SAIrF"}
+{"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Enable/disable peek effect on hover\n   * @default: false\n   */\n  peekEffect?: boolean;\n  /**\n   * Previous Slide IconButton\n   */\n  prevButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Previous icon props\n   */\n  prevIconProps?: SvgIconProps;\n  /**\n   * Previous icon node\n   */\n  PrevIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Next Slide IconButton\n   */\n  nextButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Previous icon props\n   */\n  nextIconProps?: SvgIconProps;\n  /**\n   * Next icon node\n   */\n  NextIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Replaces Chevrons with Arrows\n   * @default true\n   */\n  arrows?: boolean;\n  /**\n   * Enable if placing on a plain background (not on top of an image/video)\n   * @default false\n   */\n  onBackground?: boolean;\n}\n\n/**\n * Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n  carousel: carouselProp,\n  peekEffect: propPeekEffect = false,\n  prevButtonProps,\n  prevIconProps,\n  PrevIconComponent,\n  nextButtonProps,\n  nextIconProps,\n  NextIconComponent,\n  arrows = true,\n  onBackground = false,\n}: CarouselNavigationProps) {\n  const carouselHook = useCarousel();\n  const carousel = carouselProp || carouselHook;\n  const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n  const theme = useTheme();\n  const upMD = useMediaQuery(theme.breakpoints.up('md'));\n  const { sx: prevSx, ...restPrev } = prevButtonProps || {};\n  const { sx: nextSx, ...restNext } = nextButtonProps || {};\n  const [peek, setPeek] = useCarouselPeekEffect(carousel);\n  const PrevIcon = PrevIconComponent || (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n  const NextIcon = NextIconComponent || (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n  // shared style between buttons\n  const sharedSx = useMemo(\n    () => ({\n      // absolute inside the carousel position\n      position: 'absolute',\n      zIndex: '100',\n      top: '50%',\n      // manual v-align, half the icon size\n      mt: '-22px',\n      // responsive\n      width: { xs: '32px', md: '40px', xl: '44px' },\n      height: { xs: '32px', md: '40px', xl: '44px' },\n      '& .MuiSvgIcon-root': {\n        fontSize: { xs: '17px', xl: '20px' },\n      },\n      // highlight border\n      ...getInteractiveStyle(\n        {\n          color: 'text.primary',\n          borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n          backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n        },\n        {\n          backgroundColor: 'surface.secondary',\n        },\n      ),\n      // disabled state\n      '&.Mui-disabled': {\n        color: 'disabled.tertiary',\n        borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n        backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n      },\n    }),\n    [],\n  );\n\n  return (\n    <>\n      <IconButton\n        disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n        onClick={() => {\n          carousel?.slidePrev();\n          peekEffect && peek && setPeek('reset');\n        }}\n        onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n        onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n        sx={{\n          ...sharedSx,\n          left: '16px',\n          ...prevSx,\n        }}\n        aria-label=\"Previous slide\"\n        aria-controls=\"carousel\"\n        color=\"surface\"\n        size=\"medium\"\n        {...restPrev}\n      >\n        {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n      </IconButton>\n      <IconButton\n        disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n        onClick={() => {\n          carousel?.slideNext();\n          peekEffect && peek && setPeek('reset');\n        }}\n        onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n        onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n        sx={{\n          ...sharedSx,\n          right: '16px',\n          ...nextSx,\n        }}\n        aria-label=\"Next slide\"\n        aria-controls=\"carousel\"\n        color=\"surface\"\n        {...restNext}\n      >\n        {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n      </IconButton>\n    </>\n  );\n}\n"],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","mt","width","xs","md","xl","height","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","size","children","direction","isEnd","slideNext","right"],"mappings":"wmBA2DgB,SAAAA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAA,EAAAA,EAAUc,eAAeC,SAAqBZ,EAC3Da,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BlB,GAAmB,IAA/CmB,GAAIC,KAAWC,EAAjBC,EAAAJ,EAAA,CAAA,OACAK,EAA8BpB,GAAmB,IAA/CgB,GAAIK,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAsBhC,GACxCiC,EAAW3B,IAAsBI,EAASwB,EAAgBC,GAC1DC,EAAW3B,IAAsBC,EAAS2B,EAAiBC,GAG3DC,EAAWC,GACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACtC,qBAAsB,CACpBE,SAAU,CAAEJ,GAAI,OAAQE,GAAI,UAG3BG,EACD,CACEC,MAAO,eACPC,YAAa5C,EAAe,0BAA4B,kBACxD6C,gBAAiB7C,EAAe,0BAA4B,mBAE9D,CACE6C,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa5C,EAAe,0BAA4B,qBACxD6C,gBAAiB7C,EAAe,0BAA4B,yBAGhE,IAGF,OACE8C,eACEC,EAACC,iBACCC,SAAU5D,IAAaA,EAASc,eAAe+C,MAAQ7D,EAAS8D,YAChEC,QAAS,KACP/D,SAAAA,EAAUgE,YACV9D,GAAc4B,GAAQC,EAAQ,QAAQ,EAExCkC,aAAc,IAAM/C,GAAQhB,GAAc6B,EAAQ,QAClDmC,aAAc,IAAMhE,GAAc4B,GAAQC,EAAQ,SAClDR,GACKkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,IACH4B,KAAM,SACH3C,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,UACNc,KAAK,UACD3C,EAEH,CAAA4C,SAAoB,QAApBrD,EAAMsD,UAAsBZ,EAACtB,mBAAa/B,IAAoBqD,EAACzB,EAAaQ,OAAAC,OAAA,CAAA,EAAArC,OAE/EqD,EAACC,EAAUlB,OAAAC,OAAA,CACTkB,SAAU5D,IAAaA,EAASc,eAAe+C,MAAQ7D,EAASuE,MAChER,QAAS,KACP/D,SAAAA,EAAUwE,YACVtE,GAAc4B,GAAQC,EAAQ,QAAQ,EAExCkC,aAAc,IAAM/C,GAAQhB,GAAc6B,EAAQ,QAClDmC,aAAc,IAAMhE,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GAAQ,CACXkC,MAAO,SACJ7C,GAEM,aAAA,aACG,gBAAA,WACd0B,MAAM,WACFzB,EAEH,CAAAwC,SAAoB,QAApBrD,EAAMsD,UAAsBZ,EAACzB,EAAQQ,OAAAC,OAAA,CAAA,EAAKlC,IAAoBkD,EAACtB,mBAAa5B,SAIrF"}

package/components/carousel/pagination.d.ts

@@ -9,10 +9,14 @@ export interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementTyp
 }
 export interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {
     variant?: 'dots';
+    /**
+     * Properties applied to wrapper of dots
+     */
+    dotsWrapperProps?: BoxProps<ElementType>;
     /**
      * Properties applied to each dot
      */
-    dotProps?: Partial<BoxProps<ElementType>>;
+    dotProps?: BoxProps<ElementType>;
 }
 export interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {
     variant?: 'fraction';

package/components/carousel/pagination.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{forwardRef as e,useMemo as i,useState as n,useRef as l,useEffect as t}from"react";import{Box as a,Button as c,Slider as d}from"@mui/material";import{useCarousel as u}from"./hooks.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";import{SliderContainer as g}from"../../materialui/slider/sliderContainer.js";const x=e(((s,e)=>{var{carousel:n,position:l,variant:t,sx:a}=s,c=o(s,["carousel","position","variant","sx"]);const d=u(),p=n||d,g=i((()=>{switch(t){case"scrollbar":return f;case"slider":case"progress":return b;case"fraction":return m;case"lines":return v;default:return h}}),[t]),x=i((()=>"inside"===l?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},a):a),[l,JSON.stringify(a)]);return r(g,Object.assign({carousel:p,sx:x,ref:e},c))})),h=e(((s,e)=>{var{carousel:i,dotProps:n,sx:l}=s,t=o(s,["carousel","dotProps","sx"]);const c=n||{},{sx:d}=c,u=o(c,["sx"]);return r(a,Object.assign({sx:Object.assign({px:2,height:"40px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,pointerEvents:"none"},l),ref:e},t,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((o,s)=>r(a,Object.assign({className:!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&s===((null==i?void 0:i.slides.length)||0)-1?"active":(null==i?void 0:i.isEnd)&&!i.originalParams.loop||s!==(null==i?void 0:i.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"all 0.3s ease-out","&.active":{width:"12px",height:"12px",backgroundColor:"text.primary"}},d)},u),s)))}))})),m=e(((e,i)=>{var{carousel:n,buttonProps:l,sx:t}=e,d=o(e,["carousel","buttonProps","sx"]);const u=l||{},{sx:g}=u,x=o(u,["sx"]);return r(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},t),ref:i},d,{children:r(c,Object.assign({variant:"text","aria-controls":"carousel",sx:Object.assign(Object.assign({px:2,py:.25,borderRadius:"4px",fontSize:"18px",lineHeight:"28px",letterSpacing:"0.02em"},p({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),g),onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext()},x,{children:s(a,{component:"span",children:[r(a,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==n?void 0:n.realIndex)||0)+1}`}),r(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),r(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))})),v=e(((e,i)=>{var{carousel:n,sx:l,linesProps:t,lineProgress:d,lineProgressProps:u}=e,g=o(e,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const x=t||{},{sx:h}=x,m=o(x,["sx"]),v=u||{},{sx:b}=v,f=o(v,["sx"]);return r(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},l),ref:i},g,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((o,e)=>{const i=!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1||(!(null==n?void 0:n.isEnd)||n.originalParams.loop)&&e===(null==n?void 0:n.realIndex),l=e<=((null==n?void 0:n.realIndex)||0);return s(c,Object.assign({color:"inherit",className:i?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:i||l?"8px":"4px",borderRadius:i||l?"4px":"2px",width:{xs:"100%",md:"56px"},justifyContent:"flex-start"},p({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),h),"aria-controls":"carousel",onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e)},m,{children:[r(a,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),r(a,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:r(a,Object.assign({className:"progress-line",role:i?"progress":void 0,"aria-valuenow":i?d:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==d||l?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==d&&i?d/100:l?1:0})`,transition:(void 0!==d?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},b)},f))})]}),e)}))}))})),b=e(((s,e)=>{var i,{carousel:c,sliderProps:u,sx:p,progressProps:g}=s,x=o(s,["carousel","sliderProps","sx","progressProps"]);const h=u||{},{sx:m}=h,v=o(h,["sx"]),[b,f]=n(Math.round(100*((null==c?void 0:c.progress)||0))),j=l(!1),[,O]=n({});return t((()=>{j.current||f(Math.round(100*((null==c?void 0:c.progress)||0)))}),[null==c?void 0:c.progress]),t((()=>{if(c){const o=()=>{j.current||O({})};return c.on("sliderMove",o),()=>{c.off("sliderMove",o)}}}),[c]),r(a,Object.assign({sx:Object.assign({my:2},p),ref:e},x,{children:r(d,Object.assign({value:b,min:0,max:100,onChange:(o,r)=>{j.current=!0,null==c||c.setProgress(r/100,150),f(r)},onChangeCommitted:()=>{null==c||c.slideToClosest(300),j.current=!1},sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${null!==(i=null==c?void 0:c.originalParams.speed)&&void 0!==i?i:300}ms`},".MuiSlider-thumb":{display:"none"}},m),"aria-controls":"carousel"},v))}))})),f=e(((s,e)=>{var l,a,{carousel:c,sliderProps:d}=s,u=o(s,["carousel","sliderProps"]);const p=d||{},{sx:x}=p,h=o(p,["sx"]),[m,v]=n(!1),[,f]=n({});t((()=>{if(c){const o=()=>v(!0),r=()=>v(!1),s=()=>f({});return c.on("touchStart",o),c.on("touchEnd",r),c.on("resize",s),()=>{c.off("touchStart",o),c.off("touchEnd",r),c.off("resize",s)}}}),[c]);const j=i((()=>{var o,r;if((null===(o=null==c?void 0:c.wrapperEl)||void 0===o?void 0:o.scrollWidth)&&(null==c?void 0:c.width)){const o=Math.ceil((null==c?void 0:c.width)**2/(null===(r=null==c?void 0:c.wrapperEl)||void 0===r?void 0:r.scrollWidth));return Math.max(o,40)}return 40}),[null===(l=null==c?void 0:c.wrapperEl)||void 0===l?void 0:l.scrollWidth,null==c?void 0:c.width]);return r(b,Object.assign({ref:e,carousel:c,component:g,thumbSize:j,sliderProps:Object.assign({tabIndex:-1,valueLabelDisplay:"off",sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail, .MuiSlider-track":{color:"surface.primary"},".MuiSlider-thumb":Object.assign(Object.assign({display:"flex",width:`${j}px`,height:"4px",border:"none",backgroundColor:"onSurface.os500"},!m&&{transition:`left ${null!==(a=null==c?void 0:c.originalParams.speed)&&void 0!==a?a:300}ms ease-out`}),{"&.Mui-focusVisible":{boxShadow:"none","&:before":{content:"none"}}})},x)},h)},u))}));export{x as CarouselPagination,h as DotsVariant,m as FractionVariant,v as LinesVariant,f as ScrollbarVariant,b as SliderVariant};
+import{__rest as o}from"tslib";import{jsx as s,jsxs as r}from"react/jsx-runtime";import{forwardRef as e,useMemo as i,useState as n,useRef as l,useEffect as t}from"react";import{Box as a,Button as d,Slider as c}from"@mui/material";import{useCarousel as u}from"./hooks.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";import{SliderContainer as g}from"../../materialui/slider/sliderContainer.js";const x=e(((r,e)=>{var{carousel:n,position:l,variant:t,sx:a}=r,d=o(r,["carousel","position","variant","sx"]);const c=u(),p=n||c,g=i((()=>{switch(t){case"scrollbar":return f;case"slider":case"progress":return v;case"fraction":return h;case"lines":return b;default:return m}}),[t]),x=i((()=>"inside"===l?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},a):a),[l,JSON.stringify(a)]);return s(g,Object.assign({carousel:p,sx:x,ref:e,position:l},d))})),m=e(((r,e)=>{var{carousel:i,dotsWrapperProps:n,dotProps:l,position:t,sx:d}=r,c=o(r,["carousel","dotsWrapperProps","dotProps","position","sx"]);const u=null!=n?n:{},{sx:p}=u,g=o(u,["sx"]),x=null!=l?l:{},{sx:m}=x,h=o(x,["sx"]);return s(a,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center"},d),ref:e},c,{children:s(a,Object.assign({sx:Object.assign(Object.assign({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"1000px",py:.5,px:1,gap:.5,width:12*((null==i?void 0:i.slides.length)||0)+4*(((null==i?void 0:i.slides.length)||1)-1)+4+16+"px"},"inside"===t&&{backgroundColor:o=>"dark"===o.palette.mode?"surface.primary":"transparent.backdrop"}),p)},g,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((o,r)=>s(a,Object.assign({className:!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&r===((null==i?void 0:i.slides.length)||0)-1?"active":(null==i?void 0:i.isEnd)&&!i.originalParams.loop||r!==(null==i?void 0:i.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"12px",height:"12px",transform:"scale(0.6667)",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out","&.active":{transform:"scale(1)",backgroundColor:"text.primary",margin:"0 2px"}},m)},h),r)))}))}))})),h=e(((e,i)=>{var{carousel:n,buttonProps:l,position:t,sx:c}=e,u=o(e,["carousel","buttonProps","position","sx"]);const g=null!=l?l:{},{sx:x}=g,m=o(g,["sx"]);return s(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},c),ref:i},u,{children:s(d,Object.assign({variant:"text","aria-controls":"carousel",sx:Object.assign(Object.assign({px:2,py:.25,borderRadius:"4px",fontSize:"18px",lineHeight:"28px",letterSpacing:"0.02em"},p({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),x),onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext()},m,{children:r(a,{component:"span",children:[s(a,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==n?void 0:n.realIndex)||0)+1}`}),s(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),s(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))})),b=e(((e,i)=>{var{carousel:n,sx:l,linesProps:t,lineProgress:c,lineProgressProps:u,position:g}=e,x=o(e,["carousel","sx","linesProps","lineProgress","lineProgressProps","position"]);const m=null!=t?t:{},{sx:h}=m,b=o(m,["sx"]),v=null!=u?u:{},{sx:f}=v,j=o(v,["sx"]);return s(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},l),ref:i},x,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((o,e)=>{const i=!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1||(!(null==n?void 0:n.isEnd)||n.originalParams.loop)&&e===(null==n?void 0:n.realIndex),l=e<=((null==n?void 0:n.realIndex)||0);return r(d,Object.assign({color:"inherit",className:i?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:i||l?"8px":"4px",borderRadius:i||l?"4px":"2px",width:{xs:"100%",md:"56px"},justifyContent:"flex-start"},p({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),h),"aria-controls":"carousel",onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e)},b,{children:[s(a,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),s(a,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:s(a,Object.assign({className:"progress-line",role:i?"progress":void 0,"aria-valuenow":i?c:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==c||l?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==c&&i?c/100:l?1:0})`,transition:(void 0!==c?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},f)},j))})]}),e)}))}))})),v=e(((r,e)=>{var i,{carousel:d,sliderProps:u,sx:p,progressProps:g,position:x}=r,m=o(r,["carousel","sliderProps","sx","progressProps","position"]);const h=null!=u?u:{},{sx:b}=h,v=o(h,["sx"]),[f,j]=n(Math.round(100*((null==d?void 0:d.progress)||0))),O=l(!1),[,y]=n({});return t((()=>{O.current||j(Math.round(100*((null==d?void 0:d.progress)||0)))}),[null==d?void 0:d.progress]),t((()=>{if(d){const o=()=>{O.current||y({})};return d.on("sliderMove",o),()=>{d.off("sliderMove",o)}}}),[d]),s(a,Object.assign({sx:Object.assign({my:2},p),ref:e},m,{children:s(c,Object.assign({value:f,min:0,max:100,onChange:(o,s)=>{O.current=!0,null==d||d.setProgress(s/100,150),j(s)},onChangeCommitted:()=>{null==d||d.slideToClosest(300),O.current=!1},sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${null!==(i=null==d?void 0:d.originalParams.speed)&&void 0!==i?i:300}ms`},".MuiSlider-thumb":{display:"none"}},b),"aria-controls":"carousel"},v))}))})),f=e(((r,e)=>{var l,a,{carousel:d,sliderProps:c,position:u}=r,p=o(r,["carousel","sliderProps","position"]);const x=null!=c?c:{},{sx:m}=x,h=o(x,["sx"]),[b,f]=n(!1),[,j]=n({});t((()=>{if(d){const o=()=>f(!0),s=()=>f(!1),r=()=>j({});return d.on("touchStart",o),d.on("touchEnd",s),d.on("resize",r),()=>{d.off("touchStart",o),d.off("touchEnd",s),d.off("resize",r)}}}),[d]);const O=i((()=>{var o,s;if((null===(o=null==d?void 0:d.wrapperEl)||void 0===o?void 0:o.scrollWidth)&&(null==d?void 0:d.width)){const o=Math.ceil((null==d?void 0:d.width)**2/(null===(s=null==d?void 0:d.wrapperEl)||void 0===s?void 0:s.scrollWidth));return Math.max(o,40)}return 40}),[null===(l=null==d?void 0:d.wrapperEl)||void 0===l?void 0:l.scrollWidth,null==d?void 0:d.width]);return s(v,Object.assign({ref:e,carousel:d,component:g,thumbSize:O,sliderProps:Object.assign({tabIndex:-1,valueLabelDisplay:"off",sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail, .MuiSlider-track":{color:"surface.primary"},".MuiSlider-thumb":Object.assign(Object.assign({display:"flex",width:`${O}px`,height:"4px",border:"none",backgroundColor:"onSurface.os500"},!b&&{transition:`left ${null!==(a=null==d?void 0:d.originalParams.speed)&&void 0!==a?a:300}ms ease-out`}),{"&.Mui-focusVisible":{boxShadow:"none","&:before":{content:"none"}}})},m)},h)},p))}));export{x as CarouselPagination,m as DotsVariant,h as FractionVariant,b as LinesVariant,f as ScrollbarVariant,v as SliderVariant};
 //# sourceMappingURL=pagination.js.map

package/components/carousel/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":[null],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotProps","_b","dotSx","restDot","Box","px","height","display","alignItems","justifyContent","gap","pointerEvents","children","Array","slides","length","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","p","width","borderRadius","backgroundColor","transition","buttonProps","buttonSx","restButton","Button","py","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","_c","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","minHeight","top","transform","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps, LinearProgressProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/sliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' | 'position'> {\n  /**\n   * Carousel instance from useCarousel hook\n   */\n  carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n  variant?: 'dots';\n  /**\n   * Properties applied to wrapper of dots\n   */\n  dotsWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to each dot\n   */\n  dotProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n  variant?: 'fraction';\n  /**\n   * Properties applied to button used to render text\n   */\n  buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n  variant?: 'lines';\n  /**\n   * Properties applied to each line\n   */\n  linesProps?: ButtonProps;\n  /**\n   * Show progress in active line instead\n   */\n  lineProgress?: number;\n  /**\n   * Properties applied to active line progress\n   */\n  lineProgressProps?: BoxProps<ElementType>;\n}\n/**\n * @deprecated use `slider` variant instead\n */\nexport interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {\n  variant?: 'progress';\n  /**\n   * @deprecated\n   */\n  progressProps?: LinearProgressProps;\n  /**\n   * Properties applied to Slider\n   */\n  sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n  variant?: 'slider';\n  /**\n   * Properties applied to Slider\n   */\n  sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n  variant?: 'scrollbar';\n  /**\n   * Properties applied to Slider\n   */\n  sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Append style to wrapper box to change position of control\n   * @default outside\n   */\n  position?: 'outside' | 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n  (\n    | Omit<CarouselPaginationDotsProps, 'carousel'>\n    | Omit<CarouselPaginationFractionProps, 'carousel'>\n    | Omit<CarouselPaginationLinesProps, 'carousel'>\n    | Omit<CarouselPaginationProgressProps, 'carousel'>\n    | Omit<CarouselPaginationSliderProps, 'carousel'>\n    | Omit<CarouselPaginationScrollbarProps, 'carousel'>\n  );\n\n/**\n * Pagination controls\n */\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n  ({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }, ref) => {\n    const carouselHook = useCarousel();\n    const carousel = carouselProp || carouselHook;\n    // decide on component used\n    const VariantComponent = useMemo(() => {\n      switch (variant) {\n        case 'scrollbar':\n          return ScrollbarVariant;\n        case 'slider':\n        case 'progress':\n          return SliderVariant;\n        case 'fraction':\n          return FractionVariant;\n        case 'lines':\n          return LinesVariant;\n        case 'dots':\n          return DotsVariant;\n        default:\n          return DotsVariant;\n      }\n    }, [variant]);\n    // position extra styling applied to wrapper\n    const sx = useMemo<CSSObject | BoxProps['sx']>(() => {\n      if (position === 'inside') {\n        return {\n          position: 'absolute',\n          zIndex: '90',\n          bottom: '0',\n          left: '0',\n          right: '0',\n          ...rawSx,\n        };\n      } else {\n        return rawSx;\n      }\n    }, [position, JSON.stringify(rawSx)]);\n\n    return <VariantComponent carousel={carousel} sx={sx} ref={ref} position={position} {...rest} />;\n  },\n);\n\n/**\n * Dots variant (...)\n */\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n  ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n    const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n    const { sx: dotSx, ...restDot } = dotProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          p: 2,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            borderRadius: '1000px',\n            py: 0.5,\n            px: 1,\n            gap: 0.5,\n            // ensure width does not change during transition\n            //  dots width space + gap space + extra active dot space + padding\n            width: `${(carousel?.slides.length || 0) * 12 + ((carousel?.slides.length || 1) - 1) * 4 + 4 + 16}px`,\n            // on image variant from Figma\n            ...(position === 'inside' && {\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop'),\n            }),\n            ...dotsWrapperSx,\n          }}\n          {...restDotsWrapper}\n        >\n          {[...Array(carousel?.slides.length || 0)].map((_, idx) => (\n            <Box\n              key={idx}\n              className={\n                !carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length || 0) - 1\n                  ? 'active'\n                  : (!carousel?.isEnd || carousel.originalParams.loop) && idx === carousel?.realIndex\n                    ? 'active'\n                    : undefined\n              }\n              sx={{\n                p: '0',\n                width: '12px',\n                height: '12px',\n                // scale to 8px\n                transform: 'scale(0.6667)',\n                borderRadius: '100%',\n                backgroundColor: 'onSurface.os500',\n                transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n                '&.active': {\n                  transform: 'scale(1)',\n                  backgroundColor: 'text.primary',\n                  margin: '0 2px',\n                },\n                ...dotSx,\n              }}\n              {...restDot}\n            />\n          ))}\n        </Box>\n      </Box>\n    );\n  },\n);\n\n/**\n * Fraction variant (text 1/3)\n */\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n  ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n    const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          // space is needed for focus overflow\n          p: 2,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Button\n          variant=\"text\"\n          aria-controls=\"carousel\"\n          sx={{\n            px: 2,\n            py: 0.25,\n            borderRadius: '4px',\n            // custom typography according to Figma (Pagination/Compact)\n            fontSize: '18px',\n            lineHeight: '28px',\n            letterSpacing: '0.02em',\n            ...getInteractiveStyle(\n              {\n                backgroundColor: 'transparent.backdrop',\n              },\n              {\n                backgroundColor: 'onSurface.os100',\n              },\n            ),\n            ...buttonSx,\n          }}\n          onClick={() =>\n            // at the end, slide to beginning\n            carousel?.isEnd && !carousel.originalParams.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n          }\n          {...restButton}\n        >\n          <Box component=\"span\">\n            <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n              {`${(carousel?.realIndex || 0) + 1}`}\n            </Box>\n            <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n              {' / '}\n            </Box>\n            <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n              {`${carousel?.slides.length || 0}`}\n            </Box>\n          </Box>\n        </Button>\n      </Box>\n    );\n  },\n);\n\n/**\n * Lines variant (- - -)\n */\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n  ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n    const { sx: lineSx, ...lineRest } = linesProps ?? {};\n    const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: { xs: 'stretch', md: 'center' },\n          flexGrow: { xs: '1', md: 0 },\n          gap: 1,\n          // space is needed for focus overflow\n          p: 2,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {[...Array(carousel?.slides.length || 0)].map((_, idx) => {\n          const active =\n            (!carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length || 0) - 1) ||\n            ((!carousel?.isEnd || carousel.originalParams.loop) && idx === carousel?.realIndex);\n          const seen = idx <= (carousel?.realIndex || 0);\n\n          return (\n            <Button\n              key={idx}\n              color=\"inherit\"\n              className={active ? 'active' : undefined}\n              sx={{\n                p: 0,\n                minHeight: '0',\n                height: active || seen ? '8px' : '4px',\n                borderRadius: active || seen ? '4px' : '2px',\n                width: { xs: '100%', md: '56px' },\n                justifyContent: 'flex-start',\n                ...getInteractiveStyle(\n                  {\n                    backgroundColor: 'surface.primary',\n                    '& .progress-line': {\n                      backgroundColor: 'brand.secondary',\n                    },\n                  },\n                  {\n                    backgroundColor: 'surface.secondary',\n                    '& .progress-line': {\n                      backgroundColor: 'brandHover.secondary',\n                    },\n                  },\n                ),\n                ...lineSx,\n              }}\n              aria-controls=\"carousel\"\n              onClick={() => carousel?.[carousel.originalParams.loop ? 'slideToLoop' : 'slideTo'](idx)}\n              {...lineRest}\n            >\n              <Box\n                sx={{\n                  // invisible hitbox expanding clickable area\n                  position: 'absolute',\n                  top: '50%',\n                  left: '0',\n                  right: '0',\n                  height: '24px', // Minimum a11y click area\n                  transform: 'translateY(-50%)',\n                  pointerEvents: 'auto',\n                }}\n              />\n              <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n                <Box\n                  className=\"progress-line\"\n                  role={active ? 'progress' : undefined} // Only the active one gets a role\n                  aria-valuenow={active ? lineProgress : undefined}\n                  aria-valuemin={0}\n                  aria-valuemax={100}\n                  sx={{\n                    opacity: lineProgress !== undefined || seen ? '1' : '0',\n                    width: '100%',\n                    backgroundColor: 'brand.secondary',\n                    height: '100%',\n                    transformOrigin: 'left',\n                    transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n                    transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n                    ...lineProgressSx,\n                  }}\n                  {...lineProgressRest}\n                />\n              </Box>\n            </Button>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n\n/**\n * Slider variant (___)\n */\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n  ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n    const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n    // slider current value that might not match carousel progress\n    const [value, setValue] = useState<number>(Math.round((carousel?.progress || 0) * 100));\n    // watch user manipulating slider\n    const dragging = useRef<boolean>(false);\n    const [, setRerender] = useState({});\n    // monitor carousel progress to update slider value\n    useEffect(() => {\n      if (!dragging.current) {\n        setValue(Math.round((carousel?.progress || 0) * 100));\n      }\n    }, [carousel?.progress]);\n    // extra monitor of states\n    useEffect(() => {\n      if (carousel) {\n        const handleMove = () => {\n          if (!dragging.current) {\n            setRerender({});\n          }\n        };\n\n        // monitor of movement to immediately move thumb\n        carousel.on('sliderMove', handleMove);\n\n        return () => {\n          carousel.off('sliderMove', handleMove);\n        };\n      }\n    }, [carousel]);\n\n    return (\n      <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n        <Slider\n          value={value}\n          min={0}\n          max={100}\n          onChange={(_, newValue: number) => {\n            // prevent value updates from carousel progress\n            dragging.current = true;\n            // smoothly move carousel\n            carousel?.setProgress(newValue / 100, 150);\n            // update slider value\n            setValue(newValue);\n          }}\n          onChangeCommitted={() => {\n            // make sure to slide to correct position after user stop touching slider\n            carousel?.slideToClosest(300);\n            // enable changing value from carousel progress\n            dragging.current = false;\n          }}\n          sx={{\n            display: 'block',\n            height: '4px',\n            // restyle to less prominent variant\n            '.MuiSlider-rail': {\n              color: 'surface.primary',\n            },\n            '.MuiSlider-track': {\n              color: 'onSurface.os500',\n              // match transition speed of carousel\n              transitionDuration: `${carousel?.originalParams.speed ?? 300}ms`,\n            },\n            // hide control thumb\n            '.MuiSlider-thumb': {\n              display: 'none',\n            },\n            ...sliderSx,\n          }}\n          aria-controls=\"carousel\"\n          {...restSlider}\n        />\n      </Box>\n    );\n  },\n);\n\n/**\n * Scrollbar variant (_--)\n */\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n  ({ carousel, sliderProps, position, ...rest }, ref) => {\n    const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n    // watch states\n    const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n    const [, setRerender] = useState({});\n    // extra monitor of states\n    useEffect(() => {\n      if (carousel) {\n        const handleDragStart = () => setCarouselDragging(true);\n        const handleDragEnd = () => setCarouselDragging(false);\n        const handleResize = () => setRerender({});\n\n        // monitor of dragging to remove thumb transition for immediate feedback\n        carousel.on('touchStart', handleDragStart);\n        carousel.on('touchEnd', handleDragEnd);\n        // monitor resize to change size of the thumb\n        carousel.on('resize', handleResize);\n\n        return () => {\n          carousel.off('touchStart', handleDragStart);\n          carousel.off('touchEnd', handleDragEnd);\n          carousel.off('resize', handleResize);\n        };\n      }\n    }, [carousel]);\n    // calculate size of the thumb based on the visible content and full content\n    const thumbSize = useMemo<number>(() => {\n      if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n        const size = Math.ceil(carousel?.width ** 2 / carousel?.wrapperEl?.scrollWidth);\n        return Math.max(size, 40);\n      }\n      return 40;\n    }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n    return (\n      <SliderVariant\n        ref={ref}\n        carousel={carousel}\n        component={SliderContainer}\n        thumbSize={thumbSize}\n        sliderProps={{\n          // prevent selection via keyboard, Carousel can be already controlled with Keyboard and we are not showing focus ring\n          tabIndex: -1,\n          // remove valueLabel tooltip above thumb\n          valueLabelDisplay: 'off',\n          sx: {\n            display: 'block',\n            height: '4px',\n            // restyle to match scrollbar\n            '.MuiSlider-rail, .MuiSlider-track': {\n              color: 'surface.primary',\n            },\n            '.MuiSlider-thumb': {\n              display: 'flex',\n              width: `${thumbSize}px`,\n              height: '4px',\n              border: 'none',\n              backgroundColor: 'onSurface.os500',\n              // match transition speed of carousel\n              ...(!carouselDragging && {\n                transition: `left ${carousel?.originalParams.speed ?? 300}ms ease-out`,\n              }),\n              // remove focus style\n              '&.Mui-focusVisible': {\n                boxShadow: 'none',\n                '&:before': {\n                  content: 'none',\n                },\n              },\n            },\n            ...sliderSx,\n          },\n          ...restSlider,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotsWrapperProps","dotProps","_b","dotsWrapperSx","restDotsWrapper","_c","dotSx","restDot","Box","p","display","alignItems","justifyContent","children","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","Array","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}

package/components/carousel/slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":[null],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wMAaa,MAAAA,EAA8CC,GAAW,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXb,IAAKA,GACDG,GACJD,GAAEQ,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCT,EAAcU,cAA2B,OAAS,OACzDC,OAAQX,EAAcY,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBjB,EAAckB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IACG,IAGVJ,EAAc6B,YAAc"}
+{"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n  extends Omit<SwiperSlideProps, 'children'>,\n    Omit<BoxProps, keyof SwiperSlideProps | 'component'> {\n  children?: BoxProps['children'];\n}\n\n/**\n * One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n  const { originalParams: swiperOptions } = useSwiper();\n\n  return (\n    <Box\n      component={SwiperSlide}\n      ref={ref}\n      {...rest}\n      sx={{\n        display: 'block',\n        width: swiperOptions.slidesPerView === 'auto' ? 'auto' : '100%',\n        height: swiperOptions.autoHeight ? 'auto' : '100%',\n        position: 'relative',\n        zIndex: '50',\n        transform: 'translate3d(0px, 0, 0)',\n        flexShrink: '0',\n        transitionProperty: swiperOptions.effect === 'fade' ? 'opacity' : 'transform',\n        '& img': {\n          display: 'block',\n          maxWidth: '100%',\n        },\n        ...sx,\n      }}\n    >\n      {children}\n    </Box>\n  );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wMAaa,MAAAA,EAA8CC,GAAW,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXb,IAAKA,GACDG,GACJD,GAAEQ,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCT,EAAcU,cAA2B,OAAS,OACzDC,OAAQX,EAAcY,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBjB,EAAckB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IACG,IAGVJ,EAAc6B,YAAc"}

package/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"sPAmEa,MAAAA,EAAWC,GAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EACC,CAAAC,SAAAF,EAACG,EACKC,OAAAC,OAAA,CAAA,EAAAhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EACC,CAAAT,SAAAF,EAACY,EAAuB,CAAAC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAE,EAcf,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React, { ReactNode, ChangeEvent, useState, forwardRef, HTMLAttributes } from 'react';\nimport { Checkbox as MuiCheckbox, styled, FormGroup } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/**\n * @interface CheckboxProps\n * @description Base definition of SkodaFlow Checkbox independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {\n  /**\n   *  Indeterminate state of checkbox, half checked.\n   */\n  indeterminate?: boolean;\n\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  customNode?: ReactNode;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n}\n\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n */\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(({ error, ...props }, ref) => {\n  const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n  const [_checkState, setCheck] = useState(defaultChecked || false);\n\n  const _checkStateChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setCheck(e.target.checked);\n    typeof onChange === 'function' && onChange(e, e.target.checked);\n  };\n\n  const _checkbox = (\n    <CheckboxStyled>\n      <MuiCheckbox\n        {...props}\n        defaultChecked={defaultChecked}\n        indeterminate={indeterminate && _checkState}\n        disabled={disabled}\n        color={error ? 'error' : undefined}\n        ref={ref}\n        onChange={_checkStateChange}\n      />\n    </CheckboxStyled>\n  );\n\n  return (\n    <FormGroup>\n      <FormControlLabelStyled control={_checkbox} label={label} disabled={disabled} error={error} />\n    </FormGroup>\n  );\n});\n\n/**\n * @description Checkbox styling definition based on props\n */\n\nconst CheckboxStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(() => {\n  let styles = {};\n  styles = {\n    display: 'flex',\n    '& + .MuiTypography-root': {\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  return styles;\n});\n"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"sPAmEa,MAAAA,EAAWC,GAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EACC,CAAAC,SAAAF,EAACG,EACKC,OAAAC,OAAA,CAAA,EAAAhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EACC,CAAAT,SAAAF,EAACY,EAAuB,CAAAC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAE,EAcf,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}

package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[null],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"gaAoCa,MAAAA,EAAuBC,GAClC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAK,CAAAC,KAAK,eAAeC,UAAWb,EAAS,SAAW,GAAIc,SAAS,cAGzE,CAACd,EAAQL,EAAMc,QAEZM,EAAwBZ,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGkB,EAASb,GACZc,IACCnB,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOC,EAAE,GAEnC,CAACtB,IAGH,OACEe,EAACQ,EAAkB,CAAAC,YAAajB,EAC9BM,SAAAF,EAAA,OAAA,CAAAE,SAAA,CACEE,EACE,MAAA,CAAAF,SAAAE,EAACU,EAAsB,CAACC,aAAcxB,EAAeH,QAASA,EAC5Dc,SAAAE,EAACY,EAA0B,CACzBT,UAAuB,WAAZnB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT6B,KAAM5B,EAAM4B,KAAOb,EAACC,EAAI,CAACE,UAAWlB,EAAM4B,YAAWC,EACrDC,SAAU9B,EAAM8B,SAChBhB,MAAOL,EACPsB,QAAS,IAAMzB,GAAWD,GAC1B2B,eAAgBZ,EAChBC,OAAQA,EACRhB,OAAQA,QAIdU,EAACkB,EAAc,CAAA5B,OAAQA,EAAQ6B,UAAW,GAAIC,aAC3C,EAAAtB,SAAAb,EAAMa,eAGO,IAQpBc,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAO,CAC/F,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}
+{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, forwardRef, HTMLAttributes } from 'react';\nimport { ClickAwayListener, Chip as MuiChip, ChipProps as MuiChipProps, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The label referenced to the text field\n   */\n  label?: string;\n\n  /**\n   * Disabled, not clickable chip\n   */\n  disabled?: boolean;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: string;\n\n  /**\n   * Variant of chip defines different look and style\n   */\n  variant?: 'solid' | 'transparent' | 'shadow';\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const ChipDropdownChildren = forwardRef<HTMLDivElement, ChipDropdownChildrenProps>(\n  ({ variant, ...props }, ref) => {\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const handleClickAway = useCallback(() => {\n      setIsOpen(false);\n    }, []);\n\n    const renderLabel = useMemo(() => {\n      return (\n        <>\n          {props.label}\n          <Icon name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />\n        </>\n      );\n    }, [isOpen, props.label]);\n\n    const onFocusVisibleHandler = useCallback(() => {\n      setFocusVisible(true);\n    }, []);\n\n    const onBlur = useCallback(\n      (e: any) => {\n        setFocusVisible(false);\n        if (props.onBlur) props.onBlur(e);\n      },\n      [props],\n    );\n\n    return (\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <span>\n          <div>\n            <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n              <ChipDropdownChildrenStyled\n                className={variant === 'shadow' && 'MuiChip-shadow'}\n                ref={ref}\n                variant={'filled'}\n                icon={props.icon ? <Icon className={props.icon} /> : undefined}\n                disabled={props.disabled}\n                label={renderLabel}\n                onClick={() => setIsOpen(!isOpen)}\n                onFocusVisible={onFocusVisibleHandler}\n                onBlur={onBlur}\n                isOpen={isOpen}\n              />\n            </ChipFocusVisibleStyled>\n          </div>\n          <MenuContainer isOpen={isOpen} marginTop={14} isEmptyMenu>\n            {props.children}\n          </MenuContainer>\n        </span>\n      </ClickAwayListener>\n    );\n  },\n);\n\n/**\n * @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n  shouldForwardProp: (prop) => prop !== 'isOpen',\n})<MuiChipProps & { isOpen: boolean } & { onFocusVisible: React.FocusEventHandler<any> }>(() => ({\n  '& .chevron-down': {\n    marginLeft: '8px',\n    transform: 'rotate(0deg)',\n    top: '4px',\n    transition: 'transform 0.6s',\n    '&.isOpen': {\n      transform: 'rotate(180deg) translateY(2px)',\n      transformOrigin: '50%',\n    },\n  },\n}));\n"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"gaAoCa,MAAAA,EAAuBC,GAClC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAK,CAAAC,KAAK,eAAeC,UAAWb,EAAS,SAAW,GAAIc,SAAS,cAGzE,CAACd,EAAQL,EAAMc,QAEZM,EAAwBZ,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGkB,EAASb,GACZc,IACCnB,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOC,EAAE,GAEnC,CAACtB,IAGH,OACEe,EAACQ,EAAkB,CAAAC,YAAajB,EAC9BM,SAAAF,EAAA,OAAA,CAAAE,SAAA,CACEE,EACE,MAAA,CAAAF,SAAAE,EAACU,EAAsB,CAACC,aAAcxB,EAAeH,QAASA,EAC5Dc,SAAAE,EAACY,EAA0B,CACzBT,UAAuB,WAAZnB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT6B,KAAM5B,EAAM4B,KAAOb,EAACC,EAAI,CAACE,UAAWlB,EAAM4B,YAAWC,EACrDC,SAAU9B,EAAM8B,SAChBhB,MAAOL,EACPsB,QAAS,IAAMzB,GAAWD,GAC1B2B,eAAgBZ,EAChBC,OAAQA,EACRhB,OAAQA,QAIdU,EAACkB,EAAc,CAAA5B,OAAQA,EAAQ6B,UAAW,GAAIC,aAC3C,EAAAtB,SAAAb,EAAMa,eAGO,IAQpBc,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAO,CAC/F,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}

package/components/chip/chipFocusVisibleStyled.d.ts

@@ -1,4 +1,4 @@
-declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     focusVisible: boolean;
     variant: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/chip/chipFocusVisibleStyled.js

@@ -1,2 +1,2 @@
-import{styled as e}from"@mui/system";const i=e("div")((({theme:e,focusVisible:i,variant:o})=>({display:"inline-flex",borderRadius:"image"===o?6:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0})));export{i as default};
+import{styled as e}from"@mui/material/styles";const i=e("div")((({theme:e,focusVisible:i,variant:a})=>({display:"inline-flex",borderRadius:"image"===a?6:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0})));export{i as default};
 //# sourceMappingURL=chipFocusVisibleStyled.js.map

package/components/chip/chipFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"qCAEA,MAAMA,EAAyBC,EAAO,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}
+{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ChipFocusVisibleStyled = styled('div')<{ focusVisible: boolean; variant: any }>(({\n  theme,\n  focusVisible,\n  variant,\n}) => {\n  return {\n    display: 'inline-flex',\n    borderRadius: variant === 'image' ? 6 : 50,\n    transition: 'none',\n    boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n  };\n});\n\nexport default ChipFocusVisibleStyled;\n"],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"8CAEA,MAAMA,EAAyBC,EAAO,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}