@skodaflow/web-library 7.16.1 → 8.0.0

package/cjs/components/bypassBlock/bypassBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bypassBlock.js","sources":["../../../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ButtonBase, ButtonBaseProps, PortalProps, useTheme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BypassBlockProps extends ButtonBaseProps<'a'> {\n  /**\n   * Button label, e.g. 'Skip to content'\n   */\n  children: ReactNode;\n  /**\n   * ID of content section, e.g. '#content'\n   * @default '#'\n   */\n  href: string;\n  /**\n   * Prevent push of new link into history stack\n   * @default false\n   */\n  replace?: boolean;\n  /**\n   * Programmatically control if button should be visible\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * props applied to portal moving the button at the top\n   */\n  portalProps?: PortalProps;\n}\n\n/**\n * Accessibility button to quickly scroll into the content area.\n *  - first focusable element on the page\n *  - only visible when focused\n */\nexport const BypassBlock: React.FC<BypassBlockProps> = forwardRef(\n  ({ children, className, href = '#', sx, replace = false, active = false, onClick, portalProps, ...rest }, ref) => {\n    const theme = useTheme();\n\n    return (\n      <PrependPortal disablePortal={true} {...portalProps}>\n        <ButtonBase\n          tabIndex={0}\n          component=\"a\"\n          href={href}\n          onClick={(e) => {\n            onClick?.(e);\n            if (replace) {\n              // prevent push of # into url\n              e.preventDefault();\n              // use js to scroll into element\n              document?.getElementById(href?.replace('#', ''))?.scrollIntoView(true);\n            }\n          }}\n          className={active ? [`Mui-focusVisible`, className].filter(Boolean).join(' ') : className}\n          sx={{\n            position: 'absolute',\n            zIndex: `${theme.zIndex.tooltip + 100}`,\n            top: '10px',\n            // hidden by default, still have to be at least 1px for the Safari focus\n            width: '1px',\n            height: '1px',\n            margin: '-1px',\n            clip: 'rect(0 0 0 0)',\n            overflow: 'hidden',\n            padding: '0',\n            border: 'none',\n            whiteSpace: 'nowrap',\n            // style\n            backgroundColor: 'onSurface.os900',\n            color: 'onSurface.os0',\n            borderRadius: '4px',\n            ...theme.typography.body,\n            // focus\n            '&.Mui-focusVisible': {\n              ...getFocusRingStyle(theme, false),\n              padding: '8px 24px',\n              width: 'auto',\n              height: 'auto',\n              overflow: 'visible',\n              clip: 'unset',\n              margin: '0',\n              left: '10px',\n            },\n            ...sx,\n          }}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </ButtonBase>\n      </PrependPortal>\n    );\n  },\n);\n\n/**\n * Portal component that create extra div prepended instead of appended to the container.\n * This way element can be placed at the begging of container instead of at the end.\n */\nfunction PrependPortal({ children, container, disablePortal }: PortalProps) {\n  const [portalContainer] = useState(() => document?.createElement('div'));\n\n  useEffect(() => {\n    // obtain proper container for placement (default body tag)\n    const body = (typeof container === 'function' ? container() : container) || document?.body;\n\n    // prepend (add into begging) extra div into body\n    body && portalContainer && !disablePortal && body.prepend(portalContainer);\n    return () => {\n      // remove div with unmount\n      body && portalContainer && !disablePortal && body.removeChild(portalContainer);\n    };\n  }, []);\n\n  // utilize createPortal to place children into container at the begging of body\n  return portalContainer && !disablePortal ? createPortal(children, portalContainer) : children;\n}\n"],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"+KAoCO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAIC,EAAAA,OAAAX,EAArG,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAAAA,IAACK,4BACCC,SAAU,EACVC,UAAU,IACVjB,KAAMA,EACNI,QAAUc,UACRd,SAAAA,EAAUc,GACNhB,IAEFgB,EAAEC,iBAE8C,QAAhDvB,EAAQ,OAARwB,eAAQ,IAARA,cAAQ,EAARA,SAAUC,eAAerB,aAAI,EAAJA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE0B,gBAAe,KAGrEvB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWwB,OAAOC,SAASC,KAAK,KAAO1B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAa,SAAU,WACVC,OAAQ,GAAGnB,EAAMmB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXhC,EAAMiC,WAAWC,MAAI,CAExB,qBAAoB9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf8B,EAAAA,kBAAkBnC,GAAO,IAAM,CAClC2B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL3C,GAELJ,IAAKA,GACDS,YAEHR,UAWX,SAASa,GAAcb,SAAEA,EAAQ+C,UAAEA,EAAS/B,cAAEA,IAC5C,MAAOgC,GAAmBC,WAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,QAejE,OAbAC,EAAAA,UAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBhC,GAAiB4B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBhC,GAAiB4B,EAAKS,YAAYL,KAE/D,IAGIA,IAAoBhC,EAAgBsC,EAAAA,aAAatD,EAAUgD,GAAmBhD,CACvF"}

package/cjs/components/cardContainer/cardContainer.d.ts

@@ -1,30 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-/**
- * @interface CardContainerProps
- * @description Base definition of SkodaFlow CardContainer independent on core implementation.
- * Properties are inherited from HTML Div element.
- */
-export interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Control the clicked state. The state can be controlled from outside if isClickable is true.
-     */
-    isClicked?: boolean;
-    /**
-     * If true the container can be clicked.
-     */
-    isClickable?: boolean;
-    /**
-     * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.
-     */
-    onClickCallback?: (state: boolean) => void;
-    /**
-     * If true, enable grey background variant
-     */
-    isGreyVariant?: boolean;
-    /**
-     * padding for cardContainer. Default 0
-     */
-    padding?: string;
-}
-/** @deprecated use Card component instead */
-export declare const CardContainer: React.ForwardRefExoticComponent<CardContainerProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/cardContainer/cardContainer.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),a=require("../../utils/utilities.js"),t=require("@mui/material");const s=i.forwardRef((a,t)=>{var{children:s,isClickable:l,onClickCallback:d,isClicked:c,padding:o="10px",isGreyVariant:p=!1}=a,b=e.__rest(a,["children","isClickable","onClickCallback","isClicked","padding","isGreyVariant"]);const[x,u]=i.useState(!1);i.useEffect(()=>{l&&u(()=>c)},[l,c]);const C=i.useCallback(()=>{l&&u(e=>(d&&d(!e),!e))},[l,d]);return r.jsx(n,Object.assign({style:{padding:o}},b,{ref:t,onClick:C,isClicked:x,isClickable:l,isGreyVariant:p,"data-state":x?"clicked":"idle","data-testid":"CardContainer",children:r.jsx("div",{children:s})}))}),n=t.styled("div")(r=>{var{theme:i}=r,t=e.__rest(r,["theme"]);const s=`inset 0 0 0 1px ${i.palette.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,n=t.isClicked?{boxShadow:`inset 0 0 0 1px ${i.palette.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,"&:hover":{boxShadow:`inset 0 0 0 1px ${i.palette.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}}:{boxShadow:s},l=t.isClickable?Object.assign({cursor:"pointer"},n):{boxShadow:s};let d={};return d=Object.assign({display:"inline-block",boxSizing:"border-box",borderRadius:"8px",background:a.ternaryCondition(t.isGreyVariant,!0,i.palette.surface.primary,i.palette.surface.tertiary),"&:hover":{border:"",boxShadow:`inset 0 0 0 1px ${i.palette.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}},l),d});exports.CardContainer=s;
-//# sourceMappingURL=cardContainer.js.map

package/cjs/components/cardContainer/cardContainer.js.map

@@ -1 +0,0 @@
-{"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":"uJAkCO,MAAMA,EAAgBC,EAAAA,WAC3B,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAAKC,EAAAA,OAAAV,EAPV,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,EAAAA,UAAS,GAE3CC,EAAAA,UAAU,KACHV,GACLQ,EAAa,IAAML,IAClB,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,EAAAA,YAAY,KAC9BZ,GAELQ,EAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,KAET,CAACb,EAAaC,IAEjB,OACEa,EAAAA,IAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EAAa,aAChBH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,EAAAA,oBAAMf,SAMRgB,EAAsBK,EAAAA,OAAO,MAAPA,CAIxBvB,IAAA,IAAAwB,MAAEA,GAAKxB,EAAKyB,EAAIf,EAAAA,OAAAV,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,YACnCgB,OAAAC,OAAA,CAAGgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAA,EAkBb,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EAAAA,iBACVjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE"}

package/cjs/components/cardContainer/index.d.ts

@@ -1 +0,0 @@
-export * from './cardContainer';

package/cjs/components/cardMenu/cardMenu.d.ts

@@ -1,88 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { SxProps, Theme } from '@mui/material';
-import { IconNameProp } from '../icon';
-import { Placement } from '../../utils/enum';
-/**
- * @interface CardMenuItem
- * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.
- * If url is provided the menuItem becomes link.
- */
-export interface CardMenuItem {
-    text: string;
-    callback?: () => void;
-    disabled?: boolean;
-    icon?: IconNameProp;
-    isChecked?: boolean;
-    url?: string;
-    target?: string;
-}
-/**
- * @type CardMenuItemsArray
- * @description Array of CardMenuItem.
- */
-export type CardMenuItemsArray = Array<CardMenuItem>;
-/**
- * @interface CardMenuProps
- * @description Base definition of SkodaFlow CardMenu independent on core implementation.
- * Properties are inherited from HTML Div element.
- */
-export interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true the drawer is shown.
-     */
-    open: boolean;
-    /**
-     * The content of the component.
-     */
-    items: CardMenuItemsArray;
-    /**
-     * React useState hook set function used to update the passed items to the component.
-     */
-    setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;
-    /**
-     * Callback fired when the component requests to be closed.
-     */
-    onClose: () => void;
-    /**
-     * An HTML element used to set the position of the popper.
-     */
-    anchorRef: React.RefObject<HTMLElement>;
-    /**
-     * If header is provided, a text will be displayed on top of the elements.
-     */
-    header?: string;
-    /**
-     * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.
-     * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..
-     */
-    allowMultiselect?: boolean;
-    /**
-     * Callback fired when item is clicked.
-     */
-    onItemClick?: (itemText: string) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     * Popper placement. Default is 'bottom'.
-     */
-    placement?: Placement;
-    /**
-     * If true, a switch button is added to the items allowing to select or deselect all of the items.
-     * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.
-     */
-    hasToggleSelection?: boolean;
-    /**
-     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
-     */
-    toggleLabel?: string;
-    /** Renders the popper with border radius */
-    rounded?: boolean;
-}
-/** @deprecated Use Menu component from @mui/material */
-export declare const CardMenu: React.ForwardRefExoticComponent<CardMenuProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/cardMenu/cardMenu.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("../common/hook/useWindowSize.js"),o=require("@mui/material"),l=require("../icon/Icon.js");require("../icon/FlowIcon.js"),require("../icon/icon.definitions.js"),require("../icon/filled/ATMFilledIcon.js"),require("../icon/filled/AddFilledIcon.js"),require("../icon/filled/AirFilterFilledIcon.js"),require("../icon/filled/AISuggestionFilledIcon.js"),require("../icon/filled/ArchiveFilledIcon.js"),require("../icon/filled/ArrowBottomLeftFilledIcon.js"),require("../icon/filled/ArrowBottomRightFilledIcon.js"),require("../icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../icon/filled/ArrowCircleDownFilledIcon.js"),require("../icon/filled/ArrowCircleLeftFilledIcon.js"),require("../icon/filled/ArrowCircleRightFilledIcon.js"),require("../icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../icon/filled/ArrowCircleUpFilledIcon.js"),require("../icon/filled/ArrowCurvedDownFilledIcon.js"),require("../icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedRightFilledIcon.js"),require("../icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedUpFilledIcon.js"),require("../icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../icon/filled/ArrowDownFilledIcon.js"),require("../icon/filled/ArrowLeftFilledIcon.js"),require("../icon/filled/ArrowRightFilledIcon.js"),require("../icon/filled/ArrowTopLeftFilledIcon.js"),require("../icon/filled/ArrowTopRightFilledIcon.js"),require("../icon/filled/ArrowUpFilledIcon.js"),require("../icon/filled/ArtboardFilledIcon.js"),require("../icon/filled/AssistanceFilledIcon.js"),require("../icon/filled/AudioMidFilledIcon.js"),require("../icon/filled/AudioMuteFilledIcon.js"),require("../icon/filled/AudioOffFilledIcon.js"),require("../icon/filled/AudioOnFilledIcon.js"),require("../icon/filled/BackToParentFilledIcon.js"),require("../icon/filled/BadgeFilledIcon.js"),require("../icon/filled/BalloonFilledIcon.js"),require("../icon/filled/BarFilledIcon.js"),require("../icon/filled/BarCodeFilledIcon.js"),require("../icon/filled/Battery0FilledIcon.js"),require("../icon/filled/Battery10FilledIcon.js"),require("../icon/filled/Battery100FilledIcon.js"),require("../icon/filled/Battery20FilledIcon.js"),require("../icon/filled/Battery30FilledIcon.js"),require("../icon/filled/Battery40FilledIcon.js"),require("../icon/filled/Battery50FilledIcon.js"),require("../icon/filled/Battery60FilledIcon.js"),require("../icon/filled/Battery70FilledIcon.js"),require("../icon/filled/Battery80FilledIcon.js"),require("../icon/filled/Battery90FilledIcon.js"),require("../icon/filled/BatteryChargingFilledIcon.js"),require("../icon/filled/BatteryDischargeFilledIcon.js"),require("../icon/filled/BatteryEmptyFilledIcon.js"),require("../icon/filled/BatteryErrorFilledIcon.js"),require("../icon/filled/BatteryFullFilledIcon.js"),require("../icon/filled/BatteryHighVoltageFilledIcon.js"),require("../icon/filled/BatteryOneThirdFilledIcon.js"),require("../icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../icon/filled/BatteryFilledIcon.js"),require("../icon/filled/BellFilledIcon.js"),require("../icon/filled/BicycleFilledIcon.js"),require("../icon/filled/BoltDischargeFilledIcon.js"),require("../icon/filled/BoltFilledIcon.js"),require("../icon/filled/BoltMotionFilledIcon.js"),require("../icon/filled/BoltOffFilledIcon.js"),require("../icon/filled/BonnetClosedFilledIcon.js"),require("../icon/filled/BonnetOpenFilledIcon.js"),require("../icon/filled/BookmarkFilledIcon.js"),require("../icon/filled/BootClosedFilledIcon.js"),require("../icon/filled/BootOpenFilledIcon.js"),require("../icon/filled/BoxFilledIcon.js"),require("../icon/filled/BrakeFluidFilledIcon.js"),require("../icon/filled/BrakesFilledIcon.js"),require("../icon/filled/BrightnessFilledIcon.js"),require("../icon/filled/BuildingFilledIcon.js"),require("../icon/filled/CalculatorFilledIcon.js"),require("../icon/filled/CalendarCalendarFilledIcon.js"),require("../icon/filled/CalendarCheckFilledIcon.js"),require("../icon/filled/CalendarPointFilledIcon.js"),require("../icon/filled/CameraFilledIcon.js"),require("../icon/filled/CampingFilledIcon.js"),require("../icon/filled/CarAccidentFilledIcon.js"),require("../icon/filled/CarBackFilledIcon.js"),require("../icon/filled/CarComparisonFilledIcon.js"),require("../icon/filled/CarHandFilledIcon.js"),require("../icon/filled/CarInfoFilledIcon.js"),require("../icon/filled/CarMagnifierFilledIcon.js"),require("../icon/filled/CarSeatFilledIcon.js"),require("../icon/filled/CarSendFilledIcon.js"),require("../icon/filled/CarSideFilledIcon.js"),require("../icon/filled/CarStarFilledIcon.js"),require("../icon/filled/CarTechnicalInfoFilledIcon.js"),require("../icon/filled/CareMobilityFilledIcon.js"),require("../icon/filled/CarFilledIcon.js"),require("../icon/filled/CarDoorFilledIcon.js"),require("../icon/filled/CarStatusFilledIcon.js"),require("../icon/filled/CardFilledIcon.js"),require("../icon/filled/ChangeOrderFilledIcon.js"),require("../icon/filled/ChatFilledIcon.js"),require("../icon/filled/CheckFilledIcon.js"),require("../icon/filled/ChevronCircleDownFilledIcon.js"),require("../icon/filled/ChevronCircleLeftFilledIcon.js"),require("../icon/filled/ChevronCircleRightFilledIcon.js"),require("../icon/filled/ChevronCircleUpFilledIcon.js"),require("../icon/filled/ChevronDoubleDownFilledIcon.js"),require("../icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../icon/filled/ChevronDoubleRightFilledIcon.js"),require("../icon/filled/ChevronDoubleUpFilledIcon.js"),require("../icon/filled/ChevronDownFilledIcon.js"),require("../icon/filled/ChevronLeftFilledIcon.js"),require("../icon/filled/ChevronNextFilledIcon.js"),require("../icon/filled/ChevronPreviousFilledIcon.js"),require("../icon/filled/ChevronRightFilledIcon.js"),require("../icon/filled/ChevronUpFilledIcon.js"),require("../icon/filled/CircleBluetoothFilledIcon.js"),require("../icon/filled/CircleCheckFilledIcon.js"),require("../icon/filled/CircleCloseFilledIcon.js"),require("../icon/filled/CircleDownloadFilledIcon.js"),require("../icon/filled/CircleExclamationFilledIcon.js"),require("../icon/filled/CircleInformationFilledIcon.js"),require("../icon/filled/CircleMinusFilledIcon.js"),require("../icon/filled/CirclePlusFilledIcon.js"),require("../icon/filled/CircleQuestionFilledIcon.js"),require("../icon/filled/CircleSlashFilledIcon.js"),require("../icon/filled/CircleUploadFilledIcon.js"),require("../icon/filled/ClipFilledIcon.js"),require("../icon/filled/ClockFilledIcon.js"),require("../icon/filled/CloseFilledIcon.js"),require("../icon/filled/ClosedcaptionsFilledIcon.js"),require("../icon/filled/CloudCO2FilledIcon.js"),require("../icon/filled/CloudDownloadFilledIcon.js"),require("../icon/filled/CloudUploadFilledIcon.js"),require("../icon/filled/ColoursFilledIcon.js"),require("../icon/filled/ComfortFilledIcon.js"),require("../icon/filled/ContrastFilledIcon.js"),require("../icon/filled/ControlsForwardFilledIcon.js"),require("../icon/filled/ControlsPauseFilledIcon.js"),require("../icon/filled/ControlsPlayFilledIcon.js"),require("../icon/filled/ControlsRecordFilledIcon.js"),require("../icon/filled/ControlsReverseFilledIcon.js"),require("../icon/filled/ControlsRewindFilledIcon.js"),require("../icon/filled/ControlsSkipNextFilledIcon.js"),require("../icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../icon/filled/ControlsStopFilledIcon.js"),require("../icon/filled/CookieFilledIcon.js"),require("../icon/filled/CultureFilledIcon.js"),require("../icon/filled/CopyFilledIcon.js"),require("../icon/filled/CutFilledIcon.js"),require("../icon/filled/DealerFilledIcon.js"),require("../icon/filled/DealershipServiceFilledIcon.js"),require("../icon/filled/DeliveryFilledIcon.js"),require("../icon/filled/DetailsFilledIcon.js"),require("../icon/filled/DeviceSmartphoneFilledIcon.js"),require("../icon/filled/DoorsClosedFilledIcon.js"),require("../icon/filled/DoorsOpenFilledIcon.js"),require("../icon/filled/DownloadFilledIcon.js"),require("../icon/filled/DraghandleFilledIcon.js"),require("../icon/filled/EditFilledIcon.js"),require("../icon/filled/ElectricChargerFilledIcon.js"),require("../icon/filled/ElectricChargerOffFilledIcon.js"),require("../icon/filled/EmptystateFilledIcon.js"),require("../icon/filled/EngineFilledIcon.js"),require("../icon/filled/EngineOilFilledIcon.js"),require("../icon/filled/EntertainmentFilledIcon.js"),require("../icon/filled/EqualsignFilledIcon.js"),require("../icon/filled/ExportFilledIcon.js"),require("../icon/filled/ExternalLinkFilledIcon.js"),require("../icon/filled/FacebookFilledIcon.js"),require("../icon/filled/FactoryFilledIcon.js"),require("../icon/filled/FanFilledIcon.js"),require("../icon/filled/FeedbackFilledIcon.js"),require("../icon/filled/FileFilledIcon.js"),require("../icon/filled/FileMissingFilledIcon.js"),require("../icon/filled/FileNewFilledIcon.js"),require("../icon/filled/FilterFilledIcon.js"),require("../icon/filled/FiltersFilledIcon.js"),require("../icon/filled/FingerPrintFilledIcon.js"),require("../icon/filled/FirstAidFilledIcon.js"),require("../icon/filled/FlashFilledIcon.js"),require("../icon/filled/FolderFilledIcon.js"),require("../icon/filled/FolderShareFilledIcon.js"),require("../icon/filled/FoodFilledIcon.js"),require("../icon/filled/FourwheeldriveFilledIcon.js"),require("../icon/filled/FrontaxleFilledIcon.js"),require("../icon/filled/FuelSavingsFilledIcon.js"),require("../icon/filled/FullscreenEnterFilledIcon.js"),require("../icon/filled/FullscreenExitFilledIcon.js"),require("../icon/filled/GarageFilledIcon.js"),require("../icon/filled/GaugeFilledIcon.js"),require("../icon/filled/GlobeFilledIcon.js"),require("../icon/filled/GroupFilledIcon.js"),require("../icon/filled/HandkeyFilledIcon.js"),require("../icon/filled/HealthScanFilledIcon.js"),require("../icon/filled/HeartFilledIcon.js"),require("../icon/filled/HideFilledIcon.js"),require("../icon/filled/HistoryFilledIcon.js"),require("../icon/filled/HomeFilledIcon.js"),require("../icon/filled/HonkFilledIcon.js"),require("../icon/filled/HotelFilledIcon.js"),require("../icon/filled/HybridFilledIcon.js"),require("../icon/filled/IDCardFilledIcon.js"),require("../icon/filled/ImportFilledIcon.js"),require("../icon/filled/InboxFilledIcon.js"),require("../icon/filled/InstagramFilledIcon.js"),require("../icon/filled/LightsFilledIcon.js"),require("../icon/filled/LightsOffFilledIcon.js"),require("../icon/filled/LinkedInFilledIcon.js"),require("../icon/filled/ListFilledIcon.js"),require("../icon/filled/LockClosedFilledIcon.js"),require("../icon/filled/LockOpenedFilledIcon.js"),require("../icon/filled/LockOpenedAltFilledIcon.js"),require("../icon/filled/LockedSteeringWheelFilledIcon.js"),require("../icon/filled/LoginFilledIcon.js"),require("../icon/filled/LogoutFilledIcon.js"),require("../icon/filled/MaintenanceFilledIcon.js"),require("../icon/filled/ManualFilledIcon.js"),require("../icon/filled/MapCenterFilledIcon.js"),require("../icon/filled/MapCompassFilledIcon.js"),require("../icon/filled/MapFlagFilledIcon.js"),require("../icon/filled/MapLocationFilledIcon.js"),require("../icon/filled/MapFilledIcon.js"),require("../icon/filled/MapMarkerFilledIcon.js"),require("../icon/filled/MapMarkerLBOFilledIcon.js"),require("../icon/filled/MapPinFilledIcon.js"),require("../icon/filled/MapViewFilledIcon.js"),require("../icon/filled/MenuWaffleFilledIcon.js"),require("../icon/filled/MenuFilledIcon.js"),require("../icon/filled/MessageFilledIcon.js"),require("../icon/filled/MicrophoneFilledIcon.js"),require("../icon/filled/MinusFilledIcon.js"),require("../icon/filled/MoreHorizontalFilledIcon.js"),require("../icon/filled/MoreVerticalFilledIcon.js"),require("../icon/filled/MotionFilledIcon.js"),require("../icon/filled/MusicalNoteFilledIcon.js"),require("../icon/filled/MuteFilledIcon.js"),require("../icon/filled/NewsFilledIcon.js"),require("../icon/filled/NewspaperFilledIcon.js"),require("../icon/filled/OilFilledIcon.js"),require("../icon/filled/ParkingFilledIcon.js"),require("../icon/filled/PasteFilledIcon.js"),require("../icon/filled/PercentageFilledIcon.js"),require("../icon/filled/PetFilledIcon.js"),require("../icon/filled/PhoneFilledIcon.js"),require("../icon/filled/PictureFilledIcon.js"),require("../icon/filled/PiggybankFilledIcon.js"),require("../icon/filled/PlugCCSType1FilledIcon.js"),require("../icon/filled/PlugCCSType2FilledIcon.js"),require("../icon/filled/PlugCHAdeMOFilledIcon.js"),require("../icon/filled/PlugType1FilledIcon.js"),require("../icon/filled/PlugType2FilledIcon.js"),require("../icon/filled/PlugFilledIcon.js"),require("../icon/filled/PlusFilledIcon.js"),require("../icon/filled/PremiumLFilledIcon.js"),require("../icon/filled/PremiumMFilledIcon.js"),require("../icon/filled/PremiumSFilledIcon.js"),require("../icon/filled/PriceTagFilledIcon.js"),require("../icon/filled/PrintFilledIcon.js"),require("../icon/filled/ProductionFilledIcon.js"),require("../icon/filled/PublicplaceFilledIcon.js"),require("../icon/filled/PumpFilledIcon.js"),require("../icon/filled/PumpCNGFilledIcon.js"),require("../icon/filled/PumpLPGFilledIcon.js"),require("../icon/filled/QRCodeFilledIcon.js"),require("../icon/filled/QualityFilledIcon.js"),require("../icon/filled/QualityMedalFilledIcon.js"),require("../icon/filled/RadarFilledIcon.js"),require("../icon/filled/RefreshFilledIcon.js"),require("../icon/filled/ReloadFilledIcon.js"),require("../icon/filled/RevertFilledIcon.js"),require("../icon/filled/RoadBlockFilledIcon.js"),require("../icon/filled/SaveFilledIcon.js"),require("../icon/filled/SearchMinusFilledIcon.js"),require("../icon/filled/SearchPlusFilledIcon.js"),require("../icon/filled/SearchFilledIcon.js"),require("../icon/filled/SeatheaterFilledIcon.js"),require("../icon/filled/SelectFilledIcon.js"),require("../icon/filled/SelectAllFilledIcon.js"),require("../icon/filled/SendFilledIcon.js"),require("../icon/filled/SettingsFilledIcon.js"),require("../icon/filled/ShapeCircleFilledIcon.js"),require("../icon/filled/ShapeDropFilledIcon.js"),require("../icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../icon/filled/ShapeRhombusFilledIcon.js"),require("../icon/filled/ShapeShapesFilledIcon.js"),require("../icon/filled/ShapeSquareFilledIcon.js"),require("../icon/filled/ShapeStarFilledIcon.js"),require("../icon/filled/ShapeStarhalfFilledIcon.js"),require("../icon/filled/ShapeTriangleFilledIcon.js"),require("../icon/filled/ShareFilledIcon.js"),require("../icon/filled/ShareSquareFilledIcon.js"),require("../icon/filled/ShieldCheckFilledIcon.js"),require("../icon/filled/ShieldEmptyFilledIcon.js"),require("../icon/filled/ShoppingBagFilledIcon.js"),require("../icon/filled/ShoppingCartFilledIcon.js"),require("../icon/filled/ShowFilledIcon.js"),require("../icon/filled/ShuffleFilledIcon.js"),require("../icon/filled/SignalFilledIcon.js"),require("../icon/filled/SortDownFilledIcon.js"),require("../icon/filled/SortUpFilledIcon.js"),require("../icon/filled/SoundwaveFilledIcon.js"),require("../icon/filled/SparkplugFilledIcon.js"),require("../icon/filled/SportFilledIcon.js"),require("../icon/filled/StatsFilledIcon.js"),require("../icon/filled/SteeringWheelFilledIcon.js"),require("../icon/filled/StopwatchFilledIcon.js"),require("../icon/filled/SubtractFilledIcon.js"),require("../icon/filled/SuitcaseFilledIcon.js"),require("../icon/filled/SunroofFilledIcon.js"),require("../icon/filled/TaskDoneFilledIcon.js"),require("../icon/filled/TaskNoneFilledIcon.js"),require("../icon/filled/TaskScheduledFilledIcon.js"),require("../icon/filled/TechnicalInfoFilledIcon.js"),require("../icon/filled/TelegramFilledIcon.js"),require("../icon/filled/ThumbDownFilledIcon.js"),require("../icon/filled/ThumbUpFilledIcon.js"),require("../icon/filled/TicketFilledIcon.js"),require("../icon/filled/TikTokFilledIcon.js"),require("../icon/filled/ToiletsFilledIcon.js"),require("../icon/filled/TransmissionAutomaticFilledIcon.js"),require("../icon/filled/TransmissionManualFilledIcon.js"),require("../icon/filled/TrashcanFilledIcon.js"),require("../icon/filled/TripCyclicFilledIcon.js"),require("../icon/filled/TripLongTermFilledIcon.js"),require("../icon/filled/TripSingleFilledIcon.js"),require("../icon/filled/TrophyFilledIcon.js"),require("../icon/filled/TwitterFilledIcon.js"),require("../icon/filled/TyreRepairFilledIcon.js"),require("../icon/filled/TyreTracksFilledIcon.js"),require("../icon/filled/TyresFilledIcon.js"),require("../icon/filled/UploadFilledIcon.js"),require("../icon/filled/UserFilledIcon.js"),require("../icon/filled/VentilationFilledIcon.js"),require("../icon/filled/VentilationOffFilledIcon.js"),require("../icon/filled/WalkFilledIcon.js"),require("../icon/filled/WallboxFilledIcon.js"),require("../icon/filled/WalletFilledIcon.js"),require("../icon/filled/WandFilledIcon.js"),require("../icon/filled/WarningFilledIcon.js"),require("../icon/filled/WeatherRainyFilledIcon.js"),require("../icon/filled/WeatherSnowFilledIcon.js"),require("../icon/filled/WellnessFilledIcon.js"),require("../icon/filled/WhatsAppFilledIcon.js"),require("../icon/filled/WheelchairFilledIcon.js"),require("../icon/filled/WheelsFilledIcon.js"),require("../icon/filled/WifiDisabledFilledIcon.js"),require("../icon/filled/WifiHighFilledIcon.js"),require("../icon/filled/WifiLowFilledIcon.js"),require("../icon/filled/WifiMediumFilledIcon.js"),require("../icon/filled/WifiNoSignalFilledIcon.js"),require("../icon/filled/WindowFilledIcon.js"),require("../icon/filled/WindowheaterFilledIcon.js"),require("../icon/filled/WindowsClosedFilledIcon.js"),require("../icon/filled/WindowsOpenFilledIcon.js"),require("../icon/filled/WindscreenWiperFilledIcon.js"),require("../icon/filled/WriteFilledIcon.js"),require("../icon/filled/XFilledIcon.js"),require("../icon/filled/YouTubeFilledIcon.js"),require("../icon/stroke/ATMIcon.js"),require("../icon/stroke/AddIcon.js"),require("../icon/stroke/AirFilterIcon.js"),require("../icon/stroke/AISuggestionIcon.js"),require("../icon/stroke/ArchiveIcon.js"),require("../icon/stroke/ArrowBottomLeftIcon.js"),require("../icon/stroke/ArrowBottomRightIcon.js"),require("../icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../icon/stroke/ArrowCircleBottomRightIcon.js"),require("../icon/stroke/ArrowCircleDownIcon.js"),require("../icon/stroke/ArrowCircleLeftIcon.js"),require("../icon/stroke/ArrowCircleRightIcon.js"),require("../icon/stroke/ArrowCircleTopLeftIcon.js"),require("../icon/stroke/ArrowCircleTopRightIcon.js"),require("../icon/stroke/ArrowCircleUpIcon.js"),require("../icon/stroke/ArrowCurvedDownIcon.js"),require("../icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../icon/stroke/ArrowCurvedLeftIcon.js"),require("../icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../icon/stroke/ArrowCurvedRightIcon.js"),require("../icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../icon/stroke/ArrowCurvedUpIcon.js"),require("../icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../icon/stroke/ArrowDownIcon.js"),require("../icon/stroke/ArrowLeftIcon.js"),require("../icon/stroke/ArrowRightIcon.js"),require("../icon/stroke/ArrowTopLeftIcon.js"),require("../icon/stroke/ArrowTopRightIcon.js"),require("../icon/stroke/ArrowUpIcon.js"),require("../icon/stroke/ArtboardIcon.js"),require("../icon/stroke/AssistanceIcon.js"),require("../icon/stroke/AudioMidIcon.js"),require("../icon/stroke/AudioMuteIcon.js"),require("../icon/stroke/AudioOffIcon.js"),require("../icon/stroke/AudioOnIcon.js"),require("../icon/stroke/BadgeIcon.js"),require("../icon/stroke/BackToParentIcon.js"),require("../icon/stroke/BalloonIcon.js"),require("../icon/stroke/BarIcon.js"),require("../icon/stroke/BarCodeIcon.js"),require("../icon/stroke/Battery0Icon.js"),require("../icon/stroke/Battery10Icon.js"),require("../icon/stroke/Battery100Icon.js"),require("../icon/stroke/Battery20Icon.js"),require("../icon/stroke/Battery30Icon.js"),require("../icon/stroke/Battery40Icon.js"),require("../icon/stroke/Battery50Icon.js"),require("../icon/stroke/Battery60Icon.js"),require("../icon/stroke/Battery70Icon.js"),require("../icon/stroke/Battery80Icon.js"),require("../icon/stroke/Battery90Icon.js"),require("../icon/stroke/BatteryEmptyIcon.js"),require("../icon/stroke/BatteryFullIcon.js"),require("../icon/stroke/BatteryHighVoltageIcon.js"),require("../icon/stroke/BatteryOneThirdIcon.js"),require("../icon/stroke/BatteryTwoThirdsIcon.js"),require("../icon/stroke/BatteryChargingIcon.js"),require("../icon/stroke/BatteryDischargeIcon.js"),require("../icon/stroke/BatteryErrorIcon.js"),require("../icon/stroke/BatteryIcon.js"),require("../icon/stroke/BellIcon.js"),require("../icon/stroke/BicycleIcon.js"),require("../icon/stroke/BoltDischargeIcon.js"),require("../icon/stroke/BoltIcon.js"),require("../icon/stroke/BoltMotionIcon.js"),require("../icon/stroke/BoltOffIcon.js"),require("../icon/stroke/BonnetClosedIcon.js"),require("../icon/stroke/BonnetOpenIcon.js"),require("../icon/stroke/BookmarkIcon.js"),require("../icon/stroke/BootClosedIcon.js"),require("../icon/stroke/BootOpenIcon.js"),require("../icon/stroke/BoxIcon.js"),require("../icon/stroke/BrakeFluidIcon.js"),require("../icon/stroke/BrakesIcon.js"),require("../icon/stroke/BrightnessIcon.js"),require("../icon/stroke/BuildingIcon.js"),require("../icon/stroke/CalculatorIcon.js"),require("../icon/stroke/CalendarCalendarIcon.js"),require("../icon/stroke/CalendarCheckIcon.js"),require("../icon/stroke/CalendarPointIcon.js"),require("../icon/stroke/CameraIcon.js"),require("../icon/stroke/CampingIcon.js"),require("../icon/stroke/CarAccidentIcon.js"),require("../icon/stroke/CarBackIcon.js"),require("../icon/stroke/CarComparisonIcon.js"),require("../icon/stroke/CarHandIcon.js"),require("../icon/stroke/CarInfoIcon.js"),require("../icon/stroke/CarMagnifierIcon.js"),require("../icon/stroke/CarSeatIcon.js"),require("../icon/stroke/CarSendIcon.js"),require("../icon/stroke/CarSideIcon.js"),require("../icon/stroke/CarStarIcon.js"),require("../icon/stroke/CarTechnicalInfoIcon.js"),require("../icon/stroke/CareMobilityIcon.js"),require("../icon/stroke/CarIcon.js"),require("../icon/stroke/CarDoorIcon.js"),require("../icon/stroke/CarStatusIcon.js"),require("../icon/stroke/CardIcon.js"),require("../icon/stroke/ChangeOrderIcon.js"),require("../icon/stroke/ChatIcon.js"),require("../icon/stroke/CheckIcon.js"),require("../icon/stroke/ChevronCircleDownIcon.js"),require("../icon/stroke/ChevronCircleLeftIcon.js"),require("../icon/stroke/ChevronCircleRightIcon.js"),require("../icon/stroke/ChevronCircleUpIcon.js"),require("../icon/stroke/ChevronDoubleDownIcon.js"),require("../icon/stroke/ChevronDoubleLeftIcon.js"),require("../icon/stroke/ChevronDoubleRightIcon.js"),require("../icon/stroke/ChevronDoubleUpIcon.js"),require("../icon/stroke/ChevronDownIcon.js"),require("../icon/stroke/ChevronLeftIcon.js"),require("../icon/stroke/ChevronNextIcon.js"),require("../icon/stroke/ChevronPreviousIcon.js"),require("../icon/stroke/ChevronRightIcon.js"),require("../icon/stroke/ChevronUpIcon.js"),require("../icon/stroke/CircleBluetoothIcon.js"),require("../icon/stroke/CircleCheckIcon.js"),require("../icon/stroke/CircleCloseIcon.js"),require("../icon/stroke/CircleDownloadIcon.js"),require("../icon/stroke/CircleExclamationIcon.js"),require("../icon/stroke/CircleInformationIcon.js"),require("../icon/stroke/CircleMinusIcon.js"),require("../icon/stroke/CirclePlusIcon.js"),require("../icon/stroke/CircleQuestionIcon.js"),require("../icon/stroke/CircleSlashIcon.js"),require("../icon/stroke/CircleUploadIcon.js"),require("../icon/stroke/ClipIcon.js"),require("../icon/stroke/ClockIcon.js"),require("../icon/stroke/CloseIcon.js"),require("../icon/stroke/ClosedcaptionsIcon.js"),require("../icon/stroke/CloudCO2Icon.js"),require("../icon/stroke/CloudDownloadIcon.js"),require("../icon/stroke/CloudUploadIcon.js"),require("../icon/stroke/ColoursIcon.js"),require("../icon/stroke/ComfortIcon.js"),require("../icon/stroke/ContrastIcon.js"),require("../icon/stroke/ControlsForwardIcon.js"),require("../icon/stroke/ControlsPauseIcon.js"),require("../icon/stroke/ControlsPlayIcon.js"),require("../icon/stroke/ControlsRecordIcon.js"),require("../icon/stroke/ControlsReverseIcon.js"),require("../icon/stroke/ControlsRewindIcon.js"),require("../icon/stroke/ControlsSkipNextIcon.js"),require("../icon/stroke/ControlsSkipPreviousIcon.js"),require("../icon/stroke/ControlsStopIcon.js"),require("../icon/stroke/CookieIcon.js"),require("../icon/stroke/CopyIcon.js"),require("../icon/stroke/CultureIcon.js"),require("../icon/stroke/CutIcon.js"),require("../icon/stroke/DealerIcon.js"),require("../icon/stroke/DealershipServiceIcon.js"),require("../icon/stroke/DeliveryIcon.js"),require("../icon/stroke/DetailsIcon.js"),require("../icon/stroke/DeviceSmartphoneIcon.js"),require("../icon/stroke/DoorsClosedIcon.js"),require("../icon/stroke/DoorsOpenIcon.js"),require("../icon/stroke/DownloadIcon.js"),require("../icon/stroke/DraghandleIcon.js"),require("../icon/stroke/EditIcon.js"),require("../icon/stroke/ElectricChargerIcon.js"),require("../icon/stroke/ElectricChargerOffIcon.js"),require("../icon/stroke/EmptystateIcon.js"),require("../icon/stroke/EngineIcon.js"),require("../icon/stroke/EngineOilIcon.js"),require("../icon/stroke/EntertainmentIcon.js"),require("../icon/stroke/EqualsignIcon.js"),require("../icon/stroke/ExportIcon.js"),require("../icon/stroke/ExternalLinkIcon.js"),require("../icon/stroke/FacebookIcon.js"),require("../icon/stroke/FactoryIcon.js"),require("../icon/stroke/FanIcon.js"),require("../icon/stroke/FeedbackIcon.js"),require("../icon/stroke/FileIcon.js"),require("../icon/stroke/FileMissingIcon.js"),require("../icon/stroke/FileNewIcon.js"),require("../icon/stroke/FilterIcon.js"),require("../icon/stroke/FiltersIcon.js"),require("../icon/stroke/FingerPrintIcon.js"),require("../icon/stroke/FirstAidIcon.js"),require("../icon/stroke/FlashIcon.js"),require("../icon/stroke/FolderIcon.js"),require("../icon/stroke/FolderShareIcon.js"),require("../icon/stroke/FoodIcon.js"),require("../icon/stroke/FourwheeldriveIcon.js"),require("../icon/stroke/FrontaxleIcon.js"),require("../icon/stroke/FuelSavingsIcon.js"),require("../icon/stroke/FullscreenEnterIcon.js"),require("../icon/stroke/FullscreenExitIcon.js"),require("../icon/stroke/GarageIcon.js"),require("../icon/stroke/GaugeIcon.js"),require("../icon/stroke/GlobeIcon.js"),require("../icon/stroke/GroupIcon.js"),require("../icon/stroke/HandkeyIcon.js"),require("../icon/stroke/HealthScanIcon.js"),require("../icon/stroke/HeartIcon.js"),require("../icon/stroke/HideIcon.js"),require("../icon/stroke/HistoryIcon.js"),require("../icon/stroke/HomeIcon.js"),require("../icon/stroke/HonkIcon.js"),require("../icon/stroke/HotelIcon.js"),require("../icon/stroke/HybridIcon.js"),require("../icon/stroke/IDCardIcon.js"),require("../icon/stroke/ImportIcon.js"),require("../icon/stroke/InboxIcon.js"),require("../icon/stroke/InstagramIcon.js"),require("../icon/stroke/LightsIcon.js"),require("../icon/stroke/LightsOffIcon.js"),require("../icon/stroke/LinkedInIcon.js"),require("../icon/stroke/ListIcon.js"),require("../icon/stroke/LockClosedIcon.js"),require("../icon/stroke/LockOpenedIcon.js"),require("../icon/stroke/LockOpenedAltIcon.js"),require("../icon/stroke/LockedSteeringWheelIcon.js"),require("../icon/stroke/LoginIcon.js"),require("../icon/stroke/LogoutIcon.js"),require("../icon/stroke/MaintenanceIcon.js"),require("../icon/stroke/ManualIcon.js"),require("../icon/stroke/MapCenterIcon.js"),require("../icon/stroke/MapCompassIcon.js"),require("../icon/stroke/MapFlagIcon.js"),require("../icon/stroke/MapLocationIcon.js"),require("../icon/stroke/MapIcon.js"),require("../icon/stroke/MapMarkerIcon.js"),require("../icon/stroke/MapMarkerLBOIcon.js"),require("../icon/stroke/MapPinIcon.js"),require("../icon/stroke/MapViewIcon.js"),require("../icon/stroke/MenuWaffleIcon.js"),require("../icon/stroke/MenuIcon.js"),require("../icon/stroke/MessageIcon.js"),require("../icon/stroke/MicrophoneIcon.js"),require("../icon/stroke/MinusIcon.js"),require("../icon/stroke/MoreHorizontalIcon.js"),require("../icon/stroke/MoreVerticalIcon.js"),require("../icon/stroke/MotionIcon.js"),require("../icon/stroke/MusicalNoteIcon.js"),require("../icon/stroke/MuteIcon.js"),require("../icon/stroke/NewsIcon.js"),require("../icon/stroke/NewspaperIcon.js"),require("../icon/stroke/OilIcon.js"),require("../icon/stroke/ParkingIcon.js"),require("../icon/stroke/PasteIcon.js"),require("../icon/stroke/PercentageIcon.js"),require("../icon/stroke/PetIcon.js"),require("../icon/stroke/PhoneIcon.js"),require("../icon/stroke/PictureIcon.js"),require("../icon/stroke/PiggybankIcon.js"),require("../icon/stroke/PlugCCSType1Icon.js"),require("../icon/stroke/PlugCCSType2Icon.js"),require("../icon/stroke/PlugCHAdeMOIcon.js"),require("../icon/stroke/PlugType1Icon.js"),require("../icon/stroke/PlugType2Icon.js"),require("../icon/stroke/PlugIcon.js"),require("../icon/stroke/PlusIcon.js"),require("../icon/stroke/PremiumLIcon.js"),require("../icon/stroke/PremiumMIcon.js"),require("../icon/stroke/PremiumSIcon.js"),require("../icon/stroke/PriceTagIcon.js"),require("../icon/stroke/PrintIcon.js"),require("../icon/stroke/ProductionIcon.js"),require("../icon/stroke/PublicplaceIcon.js"),require("../icon/stroke/PumpIcon.js"),require("../icon/stroke/PumpCNGIcon.js"),require("../icon/stroke/PumpLPGIcon.js"),require("../icon/stroke/QRCodeIcon.js"),require("../icon/stroke/QualityIcon.js"),require("../icon/stroke/QualityMedalIcon.js"),require("../icon/stroke/RadarIcon.js"),require("../icon/stroke/RefreshIcon.js"),require("../icon/stroke/ReloadIcon.js"),require("../icon/stroke/RevertIcon.js"),require("../icon/stroke/RoadBlockIcon.js"),require("../icon/stroke/SaveIcon.js"),require("../icon/stroke/SearchMinusIcon.js"),require("../icon/stroke/SearchPlusIcon.js"),require("../icon/stroke/SearchIcon.js"),require("../icon/stroke/SeatheaterIcon.js"),require("../icon/stroke/SelectIcon.js"),require("../icon/stroke/SelectAllIcon.js"),require("../icon/stroke/SendIcon.js"),require("../icon/stroke/SettingsIcon.js"),require("../icon/stroke/ShapeCircleIcon.js"),require("../icon/stroke/ShapeDropIcon.js"),require("../icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../icon/stroke/ShapeRectangleRoundedIcon.js"),require("../icon/stroke/ShapeRectangleVerticalIcon.js"),require("../icon/stroke/ShapeRhombusIcon.js"),require("../icon/stroke/ShapeShapesIcon.js"),require("../icon/stroke/ShapeSquareIcon.js"),require("../icon/stroke/ShapeStarIcon.js"),require("../icon/stroke/ShapeStarhalfIcon.js"),require("../icon/stroke/ShapeTriangleIcon.js"),require("../icon/stroke/ShareIcon.js"),require("../icon/stroke/ShareSquareIcon.js"),require("../icon/stroke/ShieldCheckIcon.js"),require("../icon/stroke/ShieldEmptyIcon.js"),require("../icon/stroke/ShoppingBagIcon.js"),require("../icon/stroke/ShoppingCartIcon.js"),require("../icon/stroke/ShowIcon.js"),require("../icon/stroke/ShuffleIcon.js"),require("../icon/stroke/SignalIcon.js"),require("../icon/stroke/SortDownIcon.js"),require("../icon/stroke/SortUpIcon.js"),require("../icon/stroke/SoundwaveIcon.js"),require("../icon/stroke/SparkplugIcon.js"),require("../icon/stroke/SportIcon.js"),require("../icon/stroke/StatsIcon.js"),require("../icon/stroke/SteeringWheelIcon.js"),require("../icon/stroke/StopwatchIcon.js"),require("../icon/stroke/SubtractIcon.js"),require("../icon/stroke/SuitcaseIcon.js"),require("../icon/stroke/SunroofIcon.js"),require("../icon/stroke/TaskDoneIcon.js"),require("../icon/stroke/TaskNoneIcon.js"),require("../icon/stroke/TaskScheduledIcon.js"),require("../icon/stroke/TechnicalInfoIcon.js"),require("../icon/stroke/TelegramIcon.js"),require("../icon/stroke/ThumbDownIcon.js"),require("../icon/stroke/ThumbUpIcon.js"),require("../icon/stroke/TicketIcon.js"),require("../icon/stroke/TikTokIcon.js"),require("../icon/stroke/ToiletsIcon.js"),require("../icon/stroke/TransmissionAutomaticIcon.js"),require("../icon/stroke/TransmissionManualIcon.js"),require("../icon/stroke/TrashcanIcon.js"),require("../icon/stroke/TripCyclicIcon.js"),require("../icon/stroke/TripLongTermIcon.js"),require("../icon/stroke/TripSingleIcon.js"),require("../icon/stroke/TrophyIcon.js"),require("../icon/stroke/TwitterIcon.js"),require("../icon/stroke/TyreRepairIcon.js"),require("../icon/stroke/TyreTracksIcon.js"),require("../icon/stroke/TyresIcon.js"),require("../icon/stroke/UploadIcon.js"),require("../icon/stroke/UserIcon.js"),require("../icon/stroke/VentilationIcon.js"),require("../icon/stroke/VentilationOffIcon.js"),require("../icon/stroke/WalkIcon.js"),require("../icon/stroke/WallboxIcon.js"),require("../icon/stroke/WalletIcon.js"),require("../icon/stroke/WandIcon.js"),require("../icon/stroke/WarningIcon.js"),require("../icon/stroke/WeatherRainyIcon.js"),require("../icon/stroke/WeatherSnowIcon.js"),require("../icon/stroke/WellnessIcon.js"),require("../icon/stroke/WhatsAppIcon.js"),require("../icon/stroke/WheelchairIcon.js"),require("../icon/stroke/WheelsIcon.js"),require("../icon/stroke/WifiDisabledIcon.js"),require("../icon/stroke/WifiHighIcon.js"),require("../icon/stroke/WifiLowIcon.js"),require("../icon/stroke/WifiMediumIcon.js"),require("../icon/stroke/WifiNoSignalIcon.js"),require("../icon/stroke/WindowIcon.js"),require("../icon/stroke/WindowheaterIcon.js"),require("../icon/stroke/WindowsClosedIcon.js"),require("../icon/stroke/WindowsOpenIcon.js"),require("../icon/stroke/WindscreenWiperIcon.js"),require("../icon/stroke/WriteIcon.js"),require("../icon/stroke/XIcon.js"),require("../icon/stroke/YouTubeIcon.js");var n=require("../checkbox/checkbox.js"),c=require("../toggleSwitch/toggleSwitch.js"),s=require("./hooks/useCardMenu.js"),d=require("./styled/popperStyled.js"),u=require("./styled/menuListStyled.js"),t=require("./styled/drawerStyled.js");function I(e){return e&&e.__esModule?e:{default:e}}var j=I(i);const q=i.forwardRef(({items:i,setItems:I,open:q,header:a,anchorRef:k,allowMultiselect:f,hasToggleSelection:F,onItemClick:C,onClose:h,sx:p,classes:g,placement:S,toggleLabel:m,rounded:w},y)=>{const{isMobile:B}=r.default(),{isToggleChecked:M,onClickHandler:T,onToggleChange:A}=s.useCardMenu(i,f,I,C,h);return e.jsx(e.Fragment,{children:B?e.jsxs(t.DrawerStyled,{open:q,onClose:h,anchor:"bottom",sx:p,ref:y,classes:g,hasHeader:!!a,"data-testid":"CardMenu",children:[a&&e.jsx("div",{className:"drawer-header","data-testid":"CardMenu.header",children:a}),e.jsx(o.List,{children:i.map(i=>e.jsxs(j.default.Fragment,{children:[e.jsx(o.ListItem,{"data-testid":"CardMenu.item","data-state":i.disabled?"disabled":void 0,disableGutters:!0,children:e.jsxs(o.ListItemButton,{disabled:i.disabled,onClick:()=>T(i),children:[i.icon&&e.jsx(o.ListItemIcon,{children:e.jsx(l.Icon,{name:i.icon,fontSize:"small"})}),e.jsx(o.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:i.text}),f&&e.jsx(n.Checkbox,{checked:i.isChecked,disabled:i.disabled,"data-testid":"CardMenu.check"})]})}),e.jsx(o.Divider,{variant:"middle"})]},i.text))})]}):e.jsx(d.PopperStyled,{open:q,anchorEl:k.current,placement:S,ref:y,rounded:w,"data-testid":"CardMenu",children:e.jsx(o.ClickAwayListener,{onClickAway:h,children:e.jsxs(u.MenuListStyled,{allowMultiselect:f,sx:p,classes:g,children:[a&&e.jsxs(o.MenuItem,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e.jsx(o.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:a}),e.jsx(o.ListItemIcon,{onClick:h,"data-testid":"CardMenu.close",children:e.jsx(l.Icon,{name:"close",fontSize:"small"})})]}),a&&e.jsx(o.Divider,{variant:"middle",className:"menu-item-divider"}),f&&F&&e.jsxs(o.MenuItem,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e.jsx(o.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:m||"Select all"}),e.jsx(c.ToggleSwitch,{onChange:A,checked:M,compact:!0})]}),e.jsx("div",{className:"menu-content-items",children:i.map(i=>e.jsxs(o.MenuItem,{disabled:i.disabled,onClick:()=>T(i),"data-testid":"CardMenu.item","data-state":i.disabled?"disabled":void 0,children:[i.icon&&e.jsx(o.ListItemIcon,{children:e.jsx(l.Icon,{name:i.icon,fontSize:"small"})}),e.jsx(o.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:i.text}),f&&e.jsx(n.Checkbox,{checked:i.isChecked,disabled:i.disabled,"data-testid":"CardMenu.check"})]},i.text))})]})})})})});exports.CardMenu=q;
-//# sourceMappingURL=cardMenu.js.map

package/cjs/components/cardMenu/cardMenu.js.map

@@ -1 +0,0 @@
-{"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":"0yiCA4GO,MAAMA,EAAWC,EAAAA,WACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,aACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAAA,YAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAA,IAAAC,WAAA,CAAAC,SACGR,EACCS,EAAAA,KAACC,EAAAA,aAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EAAM,cACP,WAAUoB,SAAA,CAErBpB,GACCkB,MAAA,MAAA,CAAKO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,MAACQ,EAAAA,KAAI,CAAAN,SACFvB,EAAM8B,IAAKC,GAERP,EAAAA,KAACQ,EAAAA,QAAMC,SAAQ,CAAAV,SAAA,CACbF,EAAAA,IAACa,EAAAA,SAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAAAA,KAACc,EAAAA,eAAc,CAACH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GAAKR,SAAA,CACzEQ,EAAKS,MACJnB,EAAAA,IAACoB,EAAAA,aAAY,CAAAlB,SACXF,EAAAA,IAACqB,EAAAA,KAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAAAA,IAACwB,EAAAA,aAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAAA,IAAC6B,EAAAA,SAAQ,CAACC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,wBAI9Ed,EAAAA,IAACgC,EAAAA,QAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,YAyBlC5B,EAAAA,IAACkC,EAAAA,cACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EAAO,cACJ,oBAEZQ,EAAAA,IAACqC,EAAAA,mBAAkBC,YAAanD,EAAOe,SACrCC,EAAAA,KAACoC,EAAAA,eAAc,CAACvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAAOa,SAAA,CACzEpB,GACCqB,EAAAA,KAACqC,EAAAA,SAAQ,CAACjC,UAAU,mBAAkB,cAAa,kBAAiBL,SAAA,CAClEF,EAAAA,IAACwB,EAAAA,aAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAAAA,IAACoB,EAAAA,aAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAAAA,IAACqB,EAAAA,KAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAAAA,IAACgC,EAAAA,QAAO,CAACC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAAAA,KAACqC,EAAAA,UAASjC,UAAU,kBAAiB,cAAa,4BAChDP,EAAAA,IAACwB,gBACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAAAA,IAACyC,EAAAA,cAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAO,OAI7E3C,EAAAA,IAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,IAAKC,GAERP,EAAAA,KAACqC,EAAAA,SAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAASb,SAAA,CAEjDQ,EAAKS,MACJnB,EAAAA,IAACoB,EAAAA,aAAY,CAAAlB,SACXF,EAAAA,IAACqB,EAAAA,MAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAAAA,IAACwB,EAAAA,aAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,MAAC6B,EAAAA,UAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB"}

package/cjs/components/cardMenu/hooks/useCardMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CardMenuItem, CardMenuItemsArray } from '../cardMenu';
-export declare const useCardMenu: (items: CardMenuItemsArray, allowMultiselect: boolean, setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>, onItemClick: (itemText: string) => void, onClose: () => void) => {
-    onClickHandler: (item: CardMenuItem) => void;
-    onToggleChange: (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => void;
-    isToggleChecked: boolean;
-};

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useCardMenu=(a,s,c,t,l)=>{const[i,n]=e.useState(!1),d=e.useCallback((e,a)=>{c(e=>e.map(e=>e.disabled?e:Object.assign(Object.assign({},e),{isChecked:a})))},[c]),r=e.useCallback(e=>{c(a=>a.map(a=>a.text===e?Object.assign(Object.assign({},a),{isChecked:!a.isChecked}):a))},[c]),b=e.useCallback(e=>{e.url&&window.open(e.url,e.target||"_blank"),t&&t(e.text),e.callback&&e.callback(),s?r(e.text):l()},[s,l,t,r]);return e.useEffect(()=>{const e=!a.find(e=>!e.isChecked&&!e.disabled);n(e)},[a]),{onClickHandler:b,onToggleChange:d,isToggleChecked:i}};
-//# sourceMappingURL=useCardMenu.js.map

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

@@ -1 +0,0 @@
-{"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":["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":"wDAG2B,CACzBA,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAAA,UAAS,GAEjDC,EAAiBC,EAAAA,YACrB,CAACC,EAAwCC,KACvCT,EAAUU,GACRA,EAAKC,IAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAInC,CAACT,IAGGiB,EAAcV,cACjBW,IACClB,EAAUU,GACRA,EAAKC,IAAKC,GACJA,EAAKO,OAASD,EAChBJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAIb,CAACZ,IAGGoB,EAAiBb,cACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,KAGzB,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,EAAAA,UAAU,KACR,MAAMC,GAAiB7B,EAAM8B,KAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,UAErET,EAAmBuB,IAClB,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH"}

package/cjs/components/cardMenu/index.d.ts

@@ -1 +0,0 @@
-export * from './cardMenu';

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

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

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("@mui/material/styles"),i=require("@mui/material");const r=e.styled(i.Drawer,{shouldForwardProp:e=>"hasHeader"!==e})(({theme:e,hasHeader:i})=>({"& .MuiPaper-root > .MuiList-root":{fontSize:"16px",fontWeight:400,paddingBottom:"32px",listStyleType:"none",maxHeight:"201px",marginTop:i?"9px":"0px","& > .MuiListItem-root":{lineHeight:"24px",padding:"23px 16px 11px 16px",display:"flex","&:hover":{background:e.palette.surface.primary},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"8px","& > .MuiIcon-root":{color:e.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"}}));exports.DrawerStyled=r;
-//# sourceMappingURL=drawerStyled.js.map

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

@@ -1 +0,0 @@
-{"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":"8EAGO,MAAMA,EAAeC,EAAAA,OAAOC,SAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,CAED,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/cjs/components/cardMenu/styled/menuListStyled.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const MenuListStyled: import("@emotion/styled").StyledComponent<import("@mui/material").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLUListElement>;
-}, "autoFocus" | "children" | "sx" | "inset" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
-    theme?: Theme;
-    allowMultiselect?: boolean;
-}, {}, {}>;

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

@@ -1,2 +0,0 @@
-"use strict";var t=require("@mui/material");const i=t.styled(t.MenuList,{shouldForwardProp:t=>"allowMultiselect"!==t})(({theme:t,allowMultiselect:i})=>{const e=i?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let o={};return o={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.common.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:e.padding,"&.Mui-disabled":{color:t.palette.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${t.palette.disabled.primary}!important`}},"&:hover":{background:t.palette.surface.primary},"& > .MuiListItemText-root":{marginRight:e.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:e.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},o});exports.MenuListStyled=i;
-//# sourceMappingURL=menuListStyled.js.map

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

@@ -1 +0,0 @@
-{"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":"4CAEO,MAAMA,EAAiBC,EAAAA,OAAOC,WAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,CAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAA,EA8EZ,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"}

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

@@ -1,5 +0,0 @@
-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/cjs/components/cardMenu/styled/popperStyled.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("@mui/material/styles"),e=require("@mui/material");const d=r.styled(e.Popper,{shouldForwardProp:r=>"rounded"!==r})(({theme:r,rounded:e})=>({zIndex:"100",background:r.palette.background.primary,"& > *":{borderRadius:e?"4px":void 0}}));exports.PopperStyled=d;
-//# sourceMappingURL=popperStyled.js.map

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

@@ -1 +0,0 @@
-{"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":"8EAGO,MAAMA,EAAeC,EAAAA,OAAOC,SAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,CAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/cjs/components/carousel/autoplay.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),a=require("@mui/material"),o=require("./hooks.js"),t=require("../../node_modules/swiper/swiper-react.js"),u=require("react"),r=require("../playPauseButton/PlayPauseButton.js"),i=require("../progress/Spinner.js");exports.CarouselAutoplayIconButton=function(a){var t,i,{carousel:l}=a,n=e.__rest(a,["carousel"]);const p=o.useCarousel(),d=l||p,[c,y]=u.useState(0);return u.useEffect(()=>{d&&d.autoplay&&d.on("autoplayTimeLeft",(e,s,a)=>{y(e.autoplay.paused?0:Math.round(100-100*a))})},[!!d]),s.jsx(r.PlayPauseButton,Object.assign({"aria-label":(null===(t=null==d?void 0:d.autoplay)||void 0===t?void 0:t.running)?"Pause carousel autoplay":"Play carousel autoplay",isPlaying:!!(null===(i=null==d?void 0:d.autoplay)||void 0===i?void 0:i.running),progress:c,onClick:()=>{var e,s;null===(e=null==d?void 0:d.autoplay)||void 0===e||e[(null===(s=null==d?void 0:d.autoplay)||void 0===s?void 0:s.running)?"stop":"start"]()}},n))},exports.CarouselAutoplayProgress=o=>{var{carousel:r,sx:l,spinnerProps:n,position:p="outside"}=o,d=e.__rest(o,["carousel","sx","spinnerProps","position"]);const[c,y]=u.useState(0),v=t.useSwiper(),g=r||v,j=u.useMemo(()=>"inside"===p?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2},l):l,[p,JSON.stringify(l)]);return u.useEffect(()=>{g&&g.autoplay&&g.on("autoplayTimeLeft",(e,s,a)=>{y(e.autoplay.paused?0:Math.round(100-100*a))})},[!!g]),s.jsx(a.Box,Object.assign({sx:Object.assign({position:"relative",display:"flex",m:2},j),"data-testid":"CarouselAutoplayProgress"},d,{children:s.jsx(i.Spinner,Object.assign({value:c},n))}))};
-//# sourceMappingURL=autoplay.js.map

package/cjs/components/carousel/autoplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autoplay.js","sources":["../../../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import { Box, BoxProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo } from 'react';\nimport { PlayPauseButton, PlayPauseButtonProps } from '@/src/components/playPauseButton/PlayPauseButton';\nimport { Spinner, SpinnerProps } from '@/src/components/progress/Spinner';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' | 'position'> {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Progress Props\n   */\n  spinnerProps?: Omit<SpinnerProps, 'value'>;\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  spinnerProps,\n  position = 'outside',\n  ...rest\n}: CarouselAutoplayProgressProps) => {\n  const [value, setValue] = useState<number>(0);\n  const carouselHook = useSwiper();\n  const carousel = carouselProp || carouselHook;\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      <Spinner value={value} {...spinnerProps} />\n    </Box>\n  );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<PlayPauseButtonProps> {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n}\n\n/**\n * IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({ carousel: carouselProp, ...rest }: CarouselAutoplayIconButtonProps) {\n  const carouselHook = useCarousel();\n  const carousel = carouselProp || carouselHook;\n  const [value, setValue] = useState<number>(0);\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    <PlayPauseButton\n      aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n      isPlaying={!!carousel?.autoplay?.running}\n      progress={value}\n      onClick={() => {\n        carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']();\n      }}\n      {...rest}\n    />\n  );\n}\n"],"names":["_a","carousel","carouselProp","rest","__rest","carouselHook","useCarousel","value","setValue","useState","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsx","PlayPauseButton","Object","assign","_b","running","isPlaying","_c","progress","onClick","sx","rawSx","spinnerProps","position","useSwiper","useMemo","zIndex","bottom","left","right","m","JSON","stringify","Box","display","children","Spinner"],"mappings":"0TAgFM,SAAqCA,YAAEC,SAAUC,GAAYF,EAAKG,EAAIC,SAAAJ,EAAjC,cACzC,MAAMK,EAAeC,EAAAA,cACfL,EAAWC,GAAgBG,GAC1BE,EAAOC,GAAYC,EAAAA,SAAiB,GAW3C,OATAC,EAAAA,UAAU,KAEJT,GAAYA,EAASU,UACvBV,EAASW,GAAG,mBAAoB,CAACC,EAAUC,EAAWC,KACpDP,EAASK,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,OAG5D,GAAGd,IAGJkB,EAAAA,IAACC,kBAAeC,OAAAC,OAAA,CAAA,cACgB,QAAlBC,EAAAtB,aAAQ,EAARA,EAAUU,gBAAQ,IAAAY,OAAA,EAAAA,EAAEC,SAAU,0BAA4B,yBACtEC,qBAAaC,EAAAzB,aAAQ,EAARA,EAAUU,+BAAUa,SACjCG,SAAUpB,EACVqB,QAAS,aACW,QAAlB5B,EAAAC,aAAQ,EAARA,EAAUU,gBAAQ,IAAAX,GAAAA,GAAqB,QAAlBuB,EAAAtB,aAAQ,EAARA,EAAUU,gBAAQ,IAAAY,OAAA,EAAAA,EAAEC,SAAU,OAAS,aAE1DrB,GAGV,mCA/EyCH,IAAA,IACvCC,SAAUC,EACV2B,GAAIC,EAAKC,aACTA,EAAYC,SACZA,EAAW,WAAShC,EACjBG,EAAIC,EAAAA,OAAAJ,EALgC,6CAOvC,MAAOO,EAAOC,GAAYC,EAAAA,SAAiB,GACrCJ,EAAe4B,EAAAA,YACfhC,EAAWC,GAAgBG,EAG3BwB,EAAKK,EAAAA,QAAoC,IAC5B,WAAbF,EACFX,OAAAC,OAAA,CACEU,SAAU,WACVG,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAT,GAGEA,EAER,CAACE,EAAUQ,KAAKC,UAAUX,KAW7B,OATApB,EAAAA,UAAU,KAEJT,GAAYA,EAASU,UACvBV,EAASW,GAAG,mBAAoB,CAACC,EAAUC,EAAWC,KACpDP,EAASK,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,OAG5D,GAAGd,IAGJkB,EAAAA,IAACuB,EAAAA,IAAGrB,OAAAC,OAAA,CAACO,GAAER,OAAAC,OAAA,CAAIU,SAAU,WAAYW,QAAS,OAAQJ,EAAG,GAAMV,iBAAkB,4BAA+B1B,EAAI,CAAAyC,SAC9GzB,EAAAA,IAAC0B,EAAAA,QAAOxB,OAAAC,OAAA,CAACf,MAAOA,GAAWwB"}

package/cjs/components/carousel/carousel.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),a=require("../../node_modules/swiper/swiper-react.js"),s=require("../../node_modules/swiper/modules/keyboard.js"),n=require("../../node_modules/swiper/modules/parallax.js"),o=require("../../node_modules/swiper/modules/autoplay.js"),p=require("../../node_modules/swiper/modules/effect-fade.js");const l=r.forwardRef((r,l)=>{var{children:d,sx:u,onInit:c,effect:w,autoplay:f,parallax:m,peekDistance:x=100,peekSpeed:h=150}=r,b=e.__rest(r,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i.jsx(t.Box,Object.assign({component:a.Swiper,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[s.default,..."fade"===w?[p.default]:[],...f?[o.default]:[],...m?[n.default]:[]],parallax:m,effect:w,autoplay:f,ref:l},b,{onSwiper:c,"data-peekspeed":h,sx:Object.assign(Object.assign(Object.assign({display:"block",ml:"auto",mr:"auto",p:"0",maxWidth:"100%",position:"relative",zIndex:"50",overflow:"hidden",listStyle:"none","&.swiper-horizontal":{touchAction:"pan-y"},"&.swiper-vertical":{touchAction:"pan-x","& > .swiper-wrapper":{flexDirection:"column"}},"&.swiper-autoheight":{height:"auto","& > .swiper-wrapper":{alignItems:"flex-start",transitionProperty:"transform, height"}},"& .swiper-wrapper":{position:"relative",width:"100%",height:"100%",zIndex:"50",display:"flex",transitionProperty:"transform",transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)",boxSizing:"content-box",transform:"translate3d(0px, 0, 0)"}},"fade"!==w&&{"&.peeking .swiper-wrapper > .swiper-slide":{transitionProperty:"transform",transitionDuration:`${h}ms`,transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)"},"&.peek-next .swiper-wrapper > .swiper-slide":{transform:e=>`translate3D(${"rtl"===e.direction?"":"-"}${x}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:e=>`translate3D(${"rtl"===e.direction?"-":""}${x}px, 0, 0)`}}),{".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}}),u),children:d}))});exports.Carousel=l;
-//# sourceMappingURL=carousel.js.map

package/cjs/components/carousel/carousel.js.map

@@ -1 +0,0 @@
-{"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":"uZA+BO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,WAAUC,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAAIC,SAAAX,EAAhG,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAWC,EAAAA,OACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,EAAAA,WACe,SAAXnB,EAAoB,CAACoB,EAAAA,SAAc,MACnCnB,EAAW,CAACoB,WAAY,MACxBnB,EAAW,CAACoB,WAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EAAI,CACRkB,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"}

package/cjs/components/carousel/navigation.d.ts

@@ -1,57 +0,0 @@
-import { ElementType } from 'react';
-import { IconButtonProps, SvgIconProps } from '@mui/material';
-import type { Swiper as CarouselInstance } from 'swiper';
-export interface CarouselNavigationProps {
-    /**
-     * Optional Carousel instance from useCarouselInstance hook
-     */
-    carousel?: CarouselInstance;
-    /**
-     * Enable/disable peek effect on hover
-     * @default: false
-     */
-    peekEffect?: boolean;
-    /**
-     * Previous Slide IconButton
-     */
-    prevButtonProps?: Partial<IconButtonProps>;
-    /**
-     * Previous icon props
-     */
-    prevIconProps?: SvgIconProps;
-    /**
-     * Previous icon node
-     */
-    PrevIconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Next Slide IconButton
-     */
-    nextButtonProps?: Partial<IconButtonProps>;
-    /**
-     * Previous icon props
-     */
-    nextIconProps?: SvgIconProps;
-    /**
-     * Next icon node
-     */
-    NextIconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Replaces Chevrons with Arrows
-     * @default true
-     */
-    arrows?: boolean;
-    /**
-     * Enable if placing on a plain background (not on top of an image/video)
-     * @default false
-     */
-    onBackground?: boolean;
-    /**
-     * Hide navigation buttons on case there are not enough slides for sliding
-     * @default false
-     */
-    autoHideNavigation?: boolean;
-}
-/**
- * Left & Right navigation arrows
- */
-export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, autoHideNavigation, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/carousel/navigation.js

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

package/cjs/components/carousel/navigation.js.map

@@ -1 +0,0 @@
-{"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   * Hide navigation buttons on case there are not enough slides for sliding\n   * @default false\n   */\n  autoHideNavigation?: 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  autoHideNavigation = 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      // responsive\n      width: { xs: '32px', md: '40px', xl: '44px' },\n      height: { xs: '32px', md: '40px', xl: '44px' },\n      // manual v-align, half the icon size\n      mt: { xs: '-16px', md: '-20px', xl: '-22px' },\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  // hide navigation when not needed\n  if (autoHideNavigation && carousel?.isLocked) {\n    return null;\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          insetInlineStart: '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          insetInlineEnd: '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":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","autoHideNavigation","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","width","xs","md","xl","height","mt","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","isLocked","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","insetInlineStart","size","children","direction","isEnd","slideNext","insetInlineEnd"],"mappings":"4ZAiEEA,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,EAAKC,mBACpBA,GAAqB,IAErB,MAAMC,EAAeC,EAAAA,cACfd,EAAWC,GAAgBY,EAC3BX,EAAiD,UAApCF,aAAQ,EAARA,EAAUe,eAAeC,SAAqBb,EAC3Dc,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BnB,GAAmB,IAA/CoB,GAAIC,KAAWC,EAAQC,EAAAA,OAAAJ,EAAzB,CAAA,OACAK,EAA8BrB,GAAmB,IAA/CiB,GAAIK,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,QACCG,EAAMC,GAAWC,EAAAA,sBAAsBjC,GACxCkC,EAAW5B,IAAsBI,EAASyB,EAAAA,cAAgBC,EAAAA,iBAC1DC,EAAW5B,IAAsBC,EAAS4B,EAAAA,eAAiBC,EAAAA,kBAG3DC,EAAWC,EAAAA,QACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,QAEtCE,GAAI,CAAEJ,GAAI,QAASC,GAAI,QAASC,GAAI,SACpC,qBAAsB,CACpBG,SAAU,CAAEL,GAAI,OAAQE,GAAI,UAG3BI,EAAAA,oBACD,CACEC,MAAO,eACPC,YAAa7C,EAAe,0BAA4B,kBACxD8C,gBAAiB9C,EAAe,0BAA4B,mBAE9D,CACE8C,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa7C,EAAe,0BAA4B,qBACxD8C,gBAAiB9C,EAAe,0BAA4B,wBAGhE,IAIF,OAAIC,IAAsBZ,aAAQ,EAARA,EAAU0D,UAC3B,KAGPC,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAU9D,IAAaA,EAASe,eAAegD,MAAQ/D,EAASgE,YAChEC,QAAS,KACPjE,SAAAA,EAAUkE,YACVhE,GAAc6B,GAAQC,EAAQ,UAEhCmC,aAAc,IAAMhD,GAAQjB,GAAc8B,EAAQ,QAClDoC,aAAc,IAAMlE,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,IACH6B,iBAAkB,SACf5C,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,UACNe,KAAK,UACD5C,EAAQ,CAAA6C,SAES,QAApBtD,EAAMuD,UAAsBZ,EAAAA,IAACvB,mBAAahC,IAAoBuD,EAAAA,IAAC1B,EAAQQ,OAAAC,OAAA,CAAA,EAAKtC,OAE/EuD,EAAAA,IAACC,EAAAA,WAAUnB,OAAAC,OAAA,CACTmB,SAAU9D,IAAaA,EAASe,eAAegD,MAAQ/D,EAASyE,MAChER,QAAS,KACPjE,SAAAA,EAAU0E,YACVxE,GAAc6B,GAAQC,EAAQ,UAEhCmC,aAAc,IAAMhD,GAAQjB,GAAc8B,EAAQ,QAClDoC,aAAc,IAAMlE,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,GAAQ,CACXmC,eAAgB,SACb9C,GAAM,aAEA,aAAY,gBACT,WACd0B,MAAM,WACFzB,EAAQ,CAAAyC,SAES,QAApBtD,EAAMuD,UAAsBZ,EAAAA,IAAC1B,EAAQQ,OAAAC,OAAA,CAAA,EAAKnC,IAAoBoD,EAAAA,IAACvB,mBAAa7B,SAIrF"}