@cuemath/leap 3.3.38-m → 3.4.0

package/dist/features/ui/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../src/features/ui/drawer/drawer.tsx"],"sourcesContent":["import type { IDrawerProps } from './drawer-types';\nimport type { FC } from 'react';\n\nimport { memo, useEffect, useRef } from 'react';\n\nimport * as Styled from './drawer-styled';\n\nconst Drawer: FC<IDrawerProps> = memo(\n  ({ isOpen, onClose, children, drawerWidth = 300, position = 'left', zIndex, theme = 'dark' }) => {\n    const drawerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      const handleClickOutside = (e: MouseEvent) => {\n        if (drawerRef.current && !drawerRef.current.contains(e.target as Node)) {\n          onClose?.();\n        }\n      };\n\n      if (isOpen) {\n        document.addEventListener('mousedown', handleClickOutside);\n      }\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside);\n      };\n    }, [isOpen, onClose]);\n\n    const isDarkTheme = theme === 'dark';\n\n    return (\n      <Styled.DrawerContainer $isOpen={isOpen} $position={position} $zIndex={zIndex}>\n        <Styled.DrawerBackdrop\n          $isOpen={isOpen}\n          onClick={onClose}\n          $background={isDarkTheme ? 'WHITE_T_10' : 'BLACK_T_38'}\n        />\n        <Styled.DrawerPanel\n          ref={drawerRef}\n          $isOpen={isOpen}\n          $position={position}\n          $drawerWidth={drawerWidth}\n          $background={isDarkTheme ? 'BLACK_3' : 'WHITE_3'}\n        >\n          {children}\n        </Styled.DrawerPanel>\n      </Styled.DrawerContainer>\n    );\n  },\n);\n\nexport default Drawer;\n"],"names":["Drawer","memo","isOpen","onClose","children","drawerWidth","position","zIndex","theme","drawerRef","useRef","useEffect","handleClickOutside","e","isDarkTheme","jsxs","Styled.DrawerContainer","jsx","Styled.DrawerBackdrop","Styled.DrawerPanel","Drawer$1"],"mappings":";;;AAOA,MAAMA,IAA2BC;AAAA,EAC/B,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,GAAU,aAAAC,IAAc,KAAK,UAAAC,IAAW,QAAQ,QAAAC,GAAQ,OAAAC,IAAQ,OAAA,MAAa;AACzF,UAAAC,IAAYC,EAAuB,IAAI;AAE7C,IAAAC,EAAU,MAAM;AACR,YAAAC,IAAqB,CAACC,MAAkB;AACxC,QAAAJ,EAAU,WAAW,CAACA,EAAU,QAAQ,SAASI,EAAE,MAAc,MACzDV,KAAA,QAAAA;AAAA,MACZ;AAGF,aAAID,KACO,SAAA,iBAAiB,aAAaU,CAAkB,GAGpD,MAAM;AACF,iBAAA,oBAAoB,aAAaA,CAAkB;AAAA,MAAA;AAAA,IAC9D,GACC,CAACV,GAAQC,CAAO,CAAC;AAEpB,UAAMW,IAAcN,MAAU;AAG5B,WAAA,gBAAAO,EAACC,GAAA,EAAuB,SAASd,GAAQ,WAAWI,GAAU,SAASC,GACrE,UAAA;AAAA,MAAA,gBAAAU;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAShB;AAAA,UACT,SAASC;AAAA,UACT,aAAaW,IAAc,eAAe;AAAA,QAAA;AAAA,MAC5C;AAAA,MACA,gBAAAG;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,KAAKV;AAAA,UACL,SAASP;AAAA,UACT,WAAWI;AAAA,UACX,cAAcD;AAAA,UACd,aAAaS,IAAc,YAAY;AAAA,UAEtC,UAAAV;AAAA,QAAA;AAAA,MACH;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAgB,IAAepB;"}
+{"version":3,"file":"drawer.js","sources":["../../../../src/features/ui/drawer/drawer.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useEffect, useRef } from 'react';\n\nimport * as Styled from './drawer-styled';\nimport type { IDrawerProps } from './drawer-types';\n\nconst Drawer: FC<IDrawerProps> = memo(\n  ({ isOpen, onClose, children, drawerWidth = 300, position = 'left', zIndex, theme = 'dark' }) => {\n    const drawerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      const handleClickOutside = (e: MouseEvent) => {\n        if (drawerRef.current && !drawerRef.current.contains(e.target as Node)) {\n          onClose?.();\n        }\n      };\n\n      if (isOpen) {\n        document.addEventListener('mousedown', handleClickOutside);\n      }\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside);\n      };\n    }, [isOpen, onClose]);\n\n    const isDarkTheme = theme === 'dark';\n\n    return (\n      <Styled.DrawerContainer $isOpen={isOpen} $position={position} $zIndex={zIndex}>\n        <Styled.DrawerBackdrop\n          $isOpen={isOpen}\n          onClick={onClose}\n          $background={isDarkTheme ? 'WHITE_T_10' : 'BLACK_T_38'}\n        />\n        <Styled.DrawerPanel\n          ref={drawerRef}\n          $isOpen={isOpen}\n          $position={position}\n          $drawerWidth={drawerWidth}\n          $background={isDarkTheme ? 'BLACK_3' : 'WHITE_3'}\n        >\n          {children}\n        </Styled.DrawerPanel>\n      </Styled.DrawerContainer>\n    );\n  },\n);\n\nexport default Drawer;\n"],"names":["Drawer","memo","isOpen","onClose","children","drawerWidth","position","zIndex","theme","drawerRef","useRef","useEffect","handleClickOutside","e","isDarkTheme","jsxs","Styled.DrawerContainer","jsx","Styled.DrawerBackdrop","Styled.DrawerPanel","Drawer$1"],"mappings":";;;AAMA,MAAMA,IAA2BC;AAAA,EAC/B,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,GAAU,aAAAC,IAAc,KAAK,UAAAC,IAAW,QAAQ,QAAAC,GAAQ,OAAAC,IAAQ,OAAA,MAAa;AACzF,UAAAC,IAAYC,EAAuB,IAAI;AAE7C,IAAAC,EAAU,MAAM;AACR,YAAAC,IAAqB,CAACC,MAAkB;AACxC,QAAAJ,EAAU,WAAW,CAACA,EAAU,QAAQ,SAASI,EAAE,MAAc,MACzDV,KAAA,QAAAA;AAAA,MACZ;AAGF,aAAID,KACO,SAAA,iBAAiB,aAAaU,CAAkB,GAGpD,MAAM;AACF,iBAAA,oBAAoB,aAAaA,CAAkB;AAAA,MAAA;AAAA,IAC9D,GACC,CAACV,GAAQC,CAAO,CAAC;AAEpB,UAAMW,IAAcN,MAAU;AAG5B,WAAA,gBAAAO,EAACC,GAAA,EAAuB,SAASd,GAAQ,WAAWI,GAAU,SAASC,GACrE,UAAA;AAAA,MAAA,gBAAAU;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAShB;AAAA,UACT,SAASC;AAAA,UACT,aAAaW,IAAc,eAAe;AAAA,QAAA;AAAA,MAC5C;AAAA,MACA,gBAAAG;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,KAAKV;AAAA,UACL,SAASP;AAAA,UACT,WAAWI;AAAA,UACX,cAAcD;AAAA,UACd,aAAaS,IAAc,YAAY;AAAA,UAEtC,UAAAV;AAAA,QAAA;AAAA,MACH;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAgB,IAAepB;"}

package/dist/features/ui/error/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import type { TTextVariants } from '../types';\n\nimport React, { useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n  title?: string;\n  description?: string;\n  size?: 'compact' | 'full';\n}\n\ninterface IErrorConfig {\n  widthX: number;\n  heightX: number;\n  borderRadiusX: number;\n  marginBottomX: number;\n  title: TTextVariants;\n  description: TTextVariants;\n  imageWidth: number;\n  imageHeight: number;\n}\n\nconst ERROR_CONFIG: Record<'compact' | 'full', IErrorConfig> = {\n  compact: {\n    widthX: 10,\n    heightX: 5,\n    borderRadiusX: 1,\n    marginBottomX: 1,\n    title: 'h6',\n    description: 'body3',\n    imageWidth: 54,\n    imageHeight: 44,\n  },\n  full: {\n    widthX: 22.5,\n    heightX: 11.5,\n    borderRadiusX: 1,\n    marginBottomX: 1.5,\n    title: 'h4',\n    description: 'body2',\n    imageWidth: 122,\n    imageHeight: 100,\n  },\n};\n\nconst Error: React.FC<IErrorProps> = props => {\n  const { height, onTryAgain, theme = 'light', title, description, size = 'full' } = props;\n\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={ERROR_CONFIG[size].widthX}\n        $heightX={ERROR_CONFIG[size].heightX}\n        $borderRadiusX={ERROR_CONFIG[size].borderRadiusX}\n        $marginBottomX={ERROR_CONFIG[size].marginBottomX}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image\n          width={ERROR_CONFIG[size].imageWidth}\n          height={ERROR_CONFIG[size].imageHeight}\n          src={ILLUSTRATIONS.ROCKET_BROKEN}\n          withLoader={false}\n        />\n      </FlexView>\n      <Text\n        $renderAs={ERROR_CONFIG[size].title}\n        $marginBottomX={0.5}\n        $color={textColor}\n        $align=\"center\"\n      >\n        {title ?? 'Oops! Looks like something went wrong'}\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        {description ?? (\n          <>\n            Please try again. Alternatively if that does not work,\n            <br /> please contact support.\n          </>\n        )}\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["ERROR_CONFIG","Error","props","height","onTryAgain","theme","title","description","size","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Fragment","Button","Error$1"],"mappings":";;;;;;;AA8BA,MAAMA,IAAyD;AAAA,EAC7D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,eAAe;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,eAAe;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF,GAEMC,IAA+B,CAASC,MAAA;AACtC,QAAA,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,SAAS,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,OAAW,IAAAN,GAE7EO,IAAiBC,EAAY,MAAM;AACvC,IAAIN,IACSA,MAEX,OAAO,SAAS;EAClB,GACC,CAACA,CAAU,CAAC,GAETO,IAAYN,MAAU,SAAS,eAAe;AAEpD,2BACGO,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAAST,GAC/D,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAASZ,EAAaQ,CAAI,EAAE;AAAA,QAC5B,UAAUR,EAAaQ,CAAI,EAAE;AAAA,QAC7B,gBAAgBR,EAAaQ,CAAI,EAAE;AAAA,QACnC,gBAAgBR,EAAaQ,CAAI,EAAE;AAAA,QACnC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOd,EAAaQ,CAAI,EAAE;AAAA,YAC1B,QAAQR,EAAaQ,CAAI,EAAE;AAAA,YAC3B,KAAKO,EAAc;AAAA,YACnB,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWhB,EAAaQ,CAAI,EAAE;AAAA,QAC9B,gBAAgB;AAAA,QAChB,QAAQG;AAAA,QACR,QAAO;AAAA,QAEN,UAASL,KAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAO,EAACG,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAClE,UAAAJ,KACG,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA;AAAA,wBAEC,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAEJ,CAAA;AAAA,IACA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASV;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAW,IAAenB;"}
+{"version":3,"file":"error.js","sources":["../../../../src/features/ui/error/error.tsx"],"sourcesContent":["import { useCallback, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Button from '../buttons/button/button';\nimport Image from '../image/image';\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\nimport type { TTextVariants } from '../types';\n\ninterface IErrorProps {\n  onTryAgain?: () => void;\n  height?: string | number;\n  theme?: 'light' | 'dark';\n  title?: string;\n  description?: string;\n  size?: 'compact' | 'full';\n}\n\ninterface IErrorConfig {\n  widthX: number;\n  heightX: number;\n  borderRadiusX: number;\n  marginBottomX: number;\n  title: TTextVariants;\n  description: TTextVariants;\n  imageWidth: number;\n  imageHeight: number;\n}\n\nconst ERROR_CONFIG: Record<'compact' | 'full', IErrorConfig> = {\n  compact: {\n    widthX: 10,\n    heightX: 5,\n    borderRadiusX: 1,\n    marginBottomX: 1,\n    title: 'h6',\n    description: 'body3',\n    imageWidth: 54,\n    imageHeight: 44,\n  },\n  full: {\n    widthX: 22.5,\n    heightX: 11.5,\n    borderRadiusX: 1,\n    marginBottomX: 1.5,\n    title: 'h4',\n    description: 'body2',\n    imageWidth: 122,\n    imageHeight: 100,\n  },\n};\n\nconst Error: FC<IErrorProps> = props => {\n  const { height, onTryAgain, theme = 'light', title, description, size = 'full' } = props;\n\n  const handleTryAgain = useCallback(() => {\n    if (onTryAgain) {\n      onTryAgain();\n    } else {\n      window.location.reload();\n    }\n  }, [onTryAgain]);\n\n  const textColor = theme === 'dark' ? 'WHITE_T_87' : 'BLACK_T_87';\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $height={height}>\n      <FlexView\n        $widthX={ERROR_CONFIG[size].widthX}\n        $heightX={ERROR_CONFIG[size].heightX}\n        $borderRadiusX={ERROR_CONFIG[size].borderRadiusX}\n        $marginBottomX={ERROR_CONFIG[size].marginBottomX}\n        $background=\"GREY_1\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <Image\n          width={ERROR_CONFIG[size].imageWidth}\n          height={ERROR_CONFIG[size].imageHeight}\n          src={ILLUSTRATIONS.ROCKET_BROKEN}\n          withLoader={false}\n        />\n      </FlexView>\n      <Text\n        $renderAs={ERROR_CONFIG[size].title}\n        $marginBottomX={0.5}\n        $color={textColor}\n        $align=\"center\"\n      >\n        {title ?? 'Oops! Looks like something went wrong'}\n      </Text>\n      <Text $renderAs=\"body2\" $align=\"center\" $marginBottomX={1.5} $color={textColor}>\n        {description ?? (\n          <>\n            Please try again. Alternatively if that does not work,\n            <br /> please contact support.\n          </>\n        )}\n      </Text>\n      <Button\n        label=\"Try again\"\n        onClick={handleTryAgain}\n        renderAs=\"primary\"\n        size=\"small\"\n        widthX={14}\n      />\n    </FlexView>\n  );\n};\n\nexport default Error;\n"],"names":["ERROR_CONFIG","Error","props","height","onTryAgain","theme","title","description","size","handleTryAgain","useCallback","textColor","FlexView","jsx","Image","ILLUSTRATIONS","Text","jsxs","Fragment","Button","Error$1"],"mappings":";;;;;;;AA6BA,MAAMA,IAAyD;AAAA,EAC7D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,eAAe;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,eAAe;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF,GAEMC,IAAyB,CAASC,MAAA;AAChC,QAAA,EAAE,QAAAC,GAAQ,YAAAC,GAAY,OAAAC,IAAQ,SAAS,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,OAAW,IAAAN,GAE7EO,IAAiBC,EAAY,MAAM;AACvC,IAAIN,IACSA,MAEX,OAAO,SAAS;EAClB,GACC,CAACA,CAAU,CAAC,GAETO,IAAYN,MAAU,SAAS,eAAe;AAEpD,2BACGO,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,SAAST,GAC/D,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAASZ,EAAaQ,CAAI,EAAE;AAAA,QAC5B,UAAUR,EAAaQ,CAAI,EAAE;AAAA,QAC7B,gBAAgBR,EAAaQ,CAAI,EAAE;AAAA,QACnC,gBAAgBR,EAAaQ,CAAI,EAAE;AAAA,QACnC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOd,EAAaQ,CAAI,EAAE;AAAA,YAC1B,QAAQR,EAAaQ,CAAI,EAAE;AAAA,YAC3B,KAAKO,EAAc;AAAA,YACnB,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWhB,EAAaQ,CAAI,EAAE;AAAA,QAC9B,gBAAgB;AAAA,QAChB,QAAQG;AAAA,QACR,QAAO;AAAA,QAEN,UAASL,KAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAO,EAACG,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,gBAAgB,KAAK,QAAQL,GAClE,UAAAJ,KACG,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA;AAAA,wBAEC,MAAG,EAAA;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAEJ,CAAA;AAAA,IACA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAASV;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAW,IAAenB;"}

package/dist/features/ui/grade-selector/grade-selector-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-selector-styled.js","sources":["../../../../src/features/ui/grade-selector/grade-selector-styled.tsx"],"sourcesContent":["import type { IGradeSelectorWrapperProps } from './grade-selector-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst GradeSelectorWrapper = styled(FlexView)<IGradeSelectorWrapperProps>(\n  ({ width, layoutAlignment }) => `\n    flex-wrap: wrap;\n    width:${width ? `${width}px` : 'auto'};\n    justify-content: ${layoutAlignment === 'auto' ? `auto` : 'center'};\n`,\n);\n\nexport { GradeSelectorWrapper };\n"],"names":["GradeSelectorWrapper","styled","FlexView","width","layoutAlignment"],"mappings":";;AAMM,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,iBAAAC,EAAA,MAAsB;AAAA;AAAA,YAEtBD,IAAQ,GAAGA,CAAK,OAAO,MAAM;AAAA,uBAClBC,MAAoB,SAAS,SAAS,QAAQ;AAAA;AAErE;"}
+{"version":3,"file":"grade-selector-styled.js","sources":["../../../../src/features/ui/grade-selector/grade-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport type { IGradeSelectorWrapperProps } from './grade-selector-types';\n\nconst GradeSelectorWrapper = styled(FlexView)<IGradeSelectorWrapperProps>(\n  ({ width, layoutAlignment }) => `\n    flex-wrap: wrap;\n    width:${width ? `${width}px` : 'auto'};\n    justify-content: ${layoutAlignment === 'auto' ? `auto` : 'center'};\n`,\n);\n\nexport { GradeSelectorWrapper };\n"],"names":["GradeSelectorWrapper","styled","FlexView","width","layoutAlignment"],"mappings":";;AAKM,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAC,GAAO,iBAAAC,EAAA,MAAsB;AAAA;AAAA,YAEtBD,IAAQ,GAAGA,CAAK,OAAO,MAAM;AAAA,uBAClBC,MAAoB,SAAS,SAAS,QAAQ;AAAA;AAErE;"}

package/dist/features/ui/grade-selector/grade-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import type { IGradeSelectorProps } from './grade-selector-types';\n\nimport { useMemo, type ReactElement } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { EDeviceType } from '../theme/constants';\nimport * as Styled from './grade-selector-styled';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  sizeOnMobile,\n  sizeOnTablet,\n  layoutAlignment,\n}: IGradeSelectorProps): ReactElement {\n  const { device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={renderSize}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","sizeOnMobile","sizeOnTablet","layoutAlignment","device","useTheme","renderSize","useMemo","EDeviceType","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;;;;AASA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,GAAsC;AAC9B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBP,KAAgBC,KAAgBF,IAGrCI,KAAUI,EAAY,UACjBN,KAAgBF,GAIxB,CAACI,GAAQJ,GAAMC,GAAcC,CAAY,CAAC;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,iBAAAM;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAL,EAAO,IAAI,CAASa,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUjB,MAAkBiB;AAAA,UAC5B,OAAOf;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAMO;AAAA,UACN,OAAAK;AAAA,QAAA;AAAA,QAPKA;AAAA,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import { useMemo, type ReactElement } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { EDeviceType } from '../theme/constants';\nimport * as Styled from './grade-selector-styled';\nimport type { IGradeSelectorProps } from './grade-selector-types';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  sizeOnMobile,\n  sizeOnTablet,\n  layoutAlignment,\n}: IGradeSelectorProps): ReactElement {\n  const { device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={renderSize}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","sizeOnMobile","sizeOnTablet","layoutAlignment","device","useTheme","renderSize","useMemo","EDeviceType","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;;;;AAQA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,GAAsC;AAC9B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBP,KAAgBC,KAAgBF,IAGrCI,KAAUI,EAAY,UACjBN,KAAgBF,GAIxB,CAACI,GAAQJ,GAAMC,GAAcC,CAAY,CAAC;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,iBAAAM;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAL,EAAO,IAAI,CAASa,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUjB,MAAkBiB;AAAA,UAC5B,OAAOf;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAMO;AAAA,UACN,OAAAK;AAAA,QAAA;AAAA,QAPKA;AAAA,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/features/ui/grade-selector/grade-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import type { IGradeTabProps } from './grade-selector-types';\n\nimport React, { useCallback } from 'react';\n\nimport Tab from '../tab/tab';\n\nconst GradeTab: React.FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"grade-tab.js","sources":["../../../../src/features/ui/grade-selector/grade-tab.tsx"],"sourcesContent":["import { useCallback, type FC } from 'react';\n\nimport Tab from '../tab/tab';\nimport type { IGradeTabProps } from './grade-selector-types';\n\nconst GradeTab: FC<IGradeTabProps> = ({\n  renderAs = 'primary',\n  size = 'regular',\n  label,\n  selected,\n  width,\n  onSelect,\n  grade,\n}) => {\n  const handleClick = useCallback(() => {\n    onSelect(grade);\n  }, [grade, onSelect]);\n\n  return (\n    <Tab\n      label={label}\n      $selected={selected}\n      $width={width}\n      $renderAs={renderAs}\n      $size={size}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default GradeTab;\n"],"names":["GradeTab","renderAs","size","label","selected","width","onSelect","grade","handleClick","useCallback","jsx","Tab"],"mappings":";;;AAKA,MAAMA,IAA+B,CAAC;AAAA,EACpC,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAASC,CAAK;AAAA,EAAA,GACb,CAACA,GAAOD,CAAQ,CAAC;AAGlB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,WAAWJ;AAAA,MACX,OAAOC;AAAA,MACP,SAASM;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/features/ui/hooks/use-click-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-click-handler.js","sources":["../../../../src/features/ui/hooks/use-click-handler.ts"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst isInSnakeCase = (str: string) => {\n  return /^[a-z0-9_]+$/.test(str);\n};\n\ninterface IUseclickHandler {\n  (\n    params: IClickableAnalyticsProps,\n    onClick?: () => void,\n  ): {\n    handleClick: () => void;\n  };\n}\n\nconst useClickHandler: IUseclickHandler = ({ label, analyticsLabel, analyticsProps }, onClick) => {\n  const analyticsPropsCached = useMemo(() => analyticsProps, [analyticsProps]); //TODO: fix this\n  const { onClick: contextOnClick } = useUIContext();\n\n  const handleClick = useCallback(() => {\n    if (contextOnClick) {\n      if (analyticsLabel && isInSnakeCase(analyticsLabel)) {\n        contextOnClick({\n          analyticsLabel,\n          props: analyticsPropsCached,\n        });\n      } else if (analyticsLabel || label) {\n        contextOnClick({\n          label: analyticsLabel || label,\n          props: analyticsPropsCached,\n        });\n      } else {\n        throw new Error('You must provide label or analyticsLabel to the clickable component');\n      }\n    }\n\n    if (onClick) {\n      onClick();\n    }\n  }, [contextOnClick, label, analyticsLabel, analyticsPropsCached, onClick]);\n\n  return { handleClick };\n};\n\nexport default useClickHandler;\n"],"names":["isInSnakeCase","str","useClickHandler","label","analyticsLabel","analyticsProps","onClick","analyticsPropsCached","useMemo","contextOnClick","useUIContext","useCallback"],"mappings":";;AAMA,MAAMA,IAAgB,CAACC,MACd,eAAe,KAAKA,CAAG,GAY1BC,IAAoC,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,gBAAAC,EAAA,GAAkBC,MAAY;AAChG,QAAMC,IAAuBC,EAAQ,MAAMH,GAAgB,CAACA,CAAc,CAAC,GACrE,EAAE,SAASI,EAAe,IAAIC,EAAa;AAwBjD,SAAO,EAAE,aAtBWC,EAAY,MAAM;AACpC,QAAIF;AACE,UAAAL,KAAkBJ,EAAcI,CAAc;AACjC,QAAAK,EAAA;AAAA,UACb,gBAAAL;AAAA,UACA,OAAOG;AAAA,QAAA,CACR;AAAA,eACQH,KAAkBD;AACZ,QAAAM,EAAA;AAAA,UACb,OAAOL,KAAkBD;AAAA,UACzB,OAAOI;AAAA,QAAA,CACR;AAAA;AAEK,cAAA,IAAI,MAAM,qEAAqE;AAIzF,IAAID,KACMA;EACV,GACC,CAACG,GAAgBN,GAAOC,GAAgBG,GAAsBD,CAAO,CAAC,EAEpD;AACvB;"}
+{"version":3,"file":"use-click-handler.js","sources":["../../../../src/features/ui/hooks/use-click-handler.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport type { IClickableAnalyticsProps } from '../types';\n\nconst isInSnakeCase = (str: string) => {\n  return /^[a-z0-9_]+$/.test(str);\n};\n\ninterface IUseclickHandler {\n  (\n    params: IClickableAnalyticsProps,\n    onClick?: () => void,\n  ): {\n    handleClick: () => void;\n  };\n}\n\nconst useClickHandler: IUseclickHandler = ({ label, analyticsLabel, analyticsProps }, onClick) => {\n  const analyticsPropsCached = useMemo(() => analyticsProps, [analyticsProps]); //TODO: fix this\n  const { onClick: contextOnClick } = useUIContext();\n\n  const handleClick = useCallback(() => {\n    if (contextOnClick) {\n      if (analyticsLabel && isInSnakeCase(analyticsLabel)) {\n        contextOnClick({\n          analyticsLabel,\n          props: analyticsPropsCached,\n        });\n      } else if (analyticsLabel || label) {\n        contextOnClick({\n          label: analyticsLabel || label,\n          props: analyticsPropsCached,\n        });\n      } else {\n        throw new Error('You must provide label or analyticsLabel to the clickable component');\n      }\n    }\n\n    if (onClick) {\n      onClick();\n    }\n  }, [contextOnClick, label, analyticsLabel, analyticsPropsCached, onClick]);\n\n  return { handleClick };\n};\n\nexport default useClickHandler;\n"],"names":["isInSnakeCase","str","useClickHandler","label","analyticsLabel","analyticsProps","onClick","analyticsPropsCached","useMemo","contextOnClick","useUIContext","useCallback"],"mappings":";;AAKA,MAAMA,IAAgB,CAACC,MACd,eAAe,KAAKA,CAAG,GAY1BC,IAAoC,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,gBAAAC,EAAA,GAAkBC,MAAY;AAChG,QAAMC,IAAuBC,EAAQ,MAAMH,GAAgB,CAACA,CAAc,CAAC,GACrE,EAAE,SAASI,EAAe,IAAIC,EAAa;AAwBjD,SAAO,EAAE,aAtBWC,EAAY,MAAM;AACpC,QAAIF;AACE,UAAAL,KAAkBJ,EAAcI,CAAc;AACjC,QAAAK,EAAA;AAAA,UACb,gBAAAL;AAAA,UACA,OAAOG;AAAA,QAAA,CACR;AAAA,eACQH,KAAkBD;AACZ,QAAAM,EAAA;AAAA,UACb,OAAOL,KAAkBD;AAAA,UACzB,OAAOI;AAAA,QAAA,CACR;AAAA;AAEK,cAAA,IAAI,MAAM,qEAAqE;AAIzF,IAAID,KACMA;EACV,GACC,CAACG,GAAgBN,GAAOC,GAAgBG,GAAsBD,CAAO,CAAC,EAEpD;AACvB;"}

package/dist/features/ui/hooks/use-context-menu-click-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu-click-handler.js","sources":["../../../../src/features/ui/hooks/use-context-menu-click-handler.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useCallback, useState } from 'react';\n\n// TODO:SG - Have single options object\ninterface IUseContextMenuClickHandler {\n  (\n    menuContainerRef: RefObject<HTMLElement>,\n    onClick?: () => void,\n    canCloseOnMenuClick?: boolean,\n    onCloseWithoutSelection?: () => void,\n    disabled?: boolean,\n  ): {\n    menuVisible: boolean;\n    hideMenu: () => void;\n    onMenuClick: () => void;\n  };\n}\n\nconst useContextMenuClickHandler: IUseContextMenuClickHandler = (\n  menuContainerRef,\n  onClick,\n  canCloseOnMenuClick = true,\n  onCloseWithoutSelection,\n  disabled = false,\n) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n  const handleBodyClick = useCallback(\n    (e: MouseEvent) => {\n      if (menuContainerRef.current && e.target) {\n        if (!menuContainerRef.current.contains(e.target as Node)) {\n          setMenuVisible(false);\n          onCloseWithoutSelection && onCloseWithoutSelection();\n        }\n      }\n    },\n    [menuContainerRef, onCloseWithoutSelection],\n  );\n\n  const onMenuClick = useCallback(() => {\n    if (!menuVisible && !disabled) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(true);\n      window.addEventListener('click', handleBodyClick);\n    } else if (canCloseOnMenuClick) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(false);\n      onCloseWithoutSelection?.();\n    }\n\n    onClick?.();\n  }, [\n    canCloseOnMenuClick,\n    handleBodyClick,\n    menuVisible,\n    onClick,\n    onCloseWithoutSelection,\n    disabled,\n  ]);\n\n  const hideMenu = useCallback(() => {\n    window.removeEventListener('click', handleBodyClick);\n    setMenuVisible(false);\n  }, [handleBodyClick]);\n\n  return {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  };\n};\n\nexport default useContextMenuClickHandler;\n"],"names":["useContextMenuClickHandler","menuContainerRef","onClick","canCloseOnMenuClick","onCloseWithoutSelection","disabled","menuVisible","setMenuVisible","useState","handleBodyClick","useCallback","e","onMenuClick","hideMenu","useContextMenuClickHandler$1"],"mappings":";AAmBA,MAAMA,IAA0D,CAC9DC,GACAC,GACAC,IAAsB,IACtBC,GACAC,IAAW,OACR;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAkBC;AAAA,IACtB,CAACC,MAAkB;AACb,MAAAV,EAAiB,WAAWU,EAAE,WAC3BV,EAAiB,QAAQ,SAASU,EAAE,MAAc,MACrDJ,EAAe,EAAK,GACpBH,KAA2BA,EAAwB;AAAA,IAGzD;AAAA,IACA,CAACH,GAAkBG,CAAuB;AAAA,EAAA,GAGtCQ,IAAcF,EAAY,MAAM;AAChC,IAAA,CAACJ,KAAe,CAACD,KACZ,OAAA,oBAAoB,SAASI,CAAe,GACnDF,EAAe,EAAI,GACZ,OAAA,iBAAiB,SAASE,CAAe,KACvCN,MACF,OAAA,oBAAoB,SAASM,CAAe,GACnDF,EAAe,EAAK,GACMH,KAAA,QAAAA,MAGlBF,KAAA,QAAAA;AAAA,EAAA,GACT;AAAA,IACDC;AAAA,IACAM;AAAA,IACAH;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,CACD,GAEKQ,IAAWH,EAAY,MAAM;AAC1B,WAAA,oBAAoB,SAASD,CAAe,GACnDF,EAAe,EAAK;AAAA,EAAA,GACnB,CAACE,CAAe,CAAC;AAEb,SAAA;AAAA,IACL,aAAAH;AAAA,IACA,aAAAM;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ,GAEAC,IAAed;"}
+{"version":3,"file":"use-context-menu-click-handler.js","sources":["../../../../src/features/ui/hooks/use-context-menu-click-handler.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useState } from 'react';\n\n// TODO:SG - Have single options object\ninterface IUseContextMenuClickHandler {\n  (\n    menuContainerRef: RefObject<HTMLElement>,\n    onClick?: () => void,\n    canCloseOnMenuClick?: boolean,\n    onCloseWithoutSelection?: () => void,\n    disabled?: boolean,\n  ): {\n    menuVisible: boolean;\n    hideMenu: () => void;\n    onMenuClick: () => void;\n  };\n}\n\nconst useContextMenuClickHandler: IUseContextMenuClickHandler = (\n  menuContainerRef,\n  onClick,\n  canCloseOnMenuClick = true,\n  onCloseWithoutSelection,\n  disabled = false,\n) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n  const handleBodyClick = useCallback(\n    (e: MouseEvent) => {\n      if (menuContainerRef.current && e.target) {\n        if (!menuContainerRef.current.contains(e.target as Node)) {\n          setMenuVisible(false);\n          onCloseWithoutSelection && onCloseWithoutSelection();\n        }\n      }\n    },\n    [menuContainerRef, onCloseWithoutSelection],\n  );\n\n  const onMenuClick = useCallback(() => {\n    if (!menuVisible && !disabled) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(true);\n      window.addEventListener('click', handleBodyClick);\n    } else if (canCloseOnMenuClick) {\n      window.removeEventListener('click', handleBodyClick);\n      setMenuVisible(false);\n      onCloseWithoutSelection?.();\n    }\n\n    onClick?.();\n  }, [\n    canCloseOnMenuClick,\n    handleBodyClick,\n    menuVisible,\n    onClick,\n    onCloseWithoutSelection,\n    disabled,\n  ]);\n\n  const hideMenu = useCallback(() => {\n    window.removeEventListener('click', handleBodyClick);\n    setMenuVisible(false);\n  }, [handleBodyClick]);\n\n  return {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  };\n};\n\nexport default useContextMenuClickHandler;\n"],"names":["useContextMenuClickHandler","menuContainerRef","onClick","canCloseOnMenuClick","onCloseWithoutSelection","disabled","menuVisible","setMenuVisible","useState","handleBodyClick","useCallback","e","onMenuClick","hideMenu","useContextMenuClickHandler$1"],"mappings":";AAkBA,MAAMA,IAA0D,CAC9DC,GACAC,GACAC,IAAsB,IACtBC,GACAC,IAAW,OACR;AACH,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAkBC;AAAA,IACtB,CAACC,MAAkB;AACb,MAAAV,EAAiB,WAAWU,EAAE,WAC3BV,EAAiB,QAAQ,SAASU,EAAE,MAAc,MACrDJ,EAAe,EAAK,GACpBH,KAA2BA,EAAwB;AAAA,IAGzD;AAAA,IACA,CAACH,GAAkBG,CAAuB;AAAA,EAAA,GAGtCQ,IAAcF,EAAY,MAAM;AAChC,IAAA,CAACJ,KAAe,CAACD,KACZ,OAAA,oBAAoB,SAASI,CAAe,GACnDF,EAAe,EAAI,GACZ,OAAA,iBAAiB,SAASE,CAAe,KACvCN,MACF,OAAA,oBAAoB,SAASM,CAAe,GACnDF,EAAe,EAAK,GACMH,KAAA,QAAAA,MAGlBF,KAAA,QAAAA;AAAA,EAAA,GACT;AAAA,IACDC;AAAA,IACAM;AAAA,IACAH;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,CACD,GAEKQ,IAAWH,EAAY,MAAM;AAC1B,WAAA,oBAAoB,SAASD,CAAe,GACnDF,EAAe,EAAK;AAAA,EAAA,GACnB,CAACE,CAAe,CAAC;AAEb,SAAA;AAAA,IACL,aAAAH;AAAA,IACA,aAAAM;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ,GAEAC,IAAed;"}

package/dist/features/ui/hooks/use-response-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-response-handler.js","sources":["../../../../src/features/ui/hooks/use-response-handler.ts"],"sourcesContent":["import type { IResponseAnalyticsProps } from '../types';\n\nimport { useCallback } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nfunction useResponseHandler<T extends string | boolean | number>({\n  analyticsLabel,\n  analyticsProps: props,\n}: IResponseAnalyticsProps) {\n  const { onResponse: contextOnResponse } = useUIContext();\n\n  const handleTracking = useCallback(\n    (value: T) => {\n      if (contextOnResponse) {\n        if (analyticsLabel) {\n          contextOnResponse({\n            label: analyticsLabel,\n            value,\n            props: { ...props },\n          });\n        } else {\n          throw new Error('You must provide analyticsLabel to the input component');\n        }\n      }\n    },\n    [contextOnResponse, analyticsLabel, props],\n  );\n\n  return handleTracking;\n}\n\nexport default useResponseHandler;\n"],"names":["useResponseHandler","analyticsLabel","props","contextOnResponse","useUIContext","useCallback","value"],"mappings":";;AAMA,SAASA,EAAwD;AAAA,EAC/D,gBAAAC;AAAA,EACA,gBAAgBC;AAClB,GAA4B;AAC1B,QAAM,EAAE,YAAYC,EAAkB,IAAIC,EAAa;AAmBhD,SAjBgBC;AAAA,IACrB,CAACC,MAAa;AACZ,UAAIH;AACF,YAAIF;AACgB,UAAAE,EAAA;AAAA,YAChB,OAAOF;AAAA,YACP,OAAAK;AAAA,YACA,OAAO,EAAE,GAAGJ,EAAM;AAAA,UAAA,CACnB;AAAA;AAEK,gBAAA,IAAI,MAAM,wDAAwD;AAAA,IAG9E;AAAA,IACA,CAACC,GAAmBF,GAAgBC,CAAK;AAAA,EAAA;AAI7C;"}
+{"version":3,"file":"use-response-handler.js","sources":["../../../../src/features/ui/hooks/use-response-handler.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport type { IResponseAnalyticsProps } from '../types';\n\nfunction useResponseHandler<T extends string | boolean | number>({\n  analyticsLabel,\n  analyticsProps: props,\n}: IResponseAnalyticsProps) {\n  const { onResponse: contextOnResponse } = useUIContext();\n\n  const handleTracking = useCallback(\n    (value: T) => {\n      if (contextOnResponse) {\n        if (analyticsLabel) {\n          contextOnResponse({\n            label: analyticsLabel,\n            value,\n            props: { ...props },\n          });\n        } else {\n          throw new Error('You must provide analyticsLabel to the input component');\n        }\n      }\n    },\n    [contextOnResponse, analyticsLabel, props],\n  );\n\n  return handleTracking;\n}\n\nexport default useResponseHandler;\n"],"names":["useResponseHandler","analyticsLabel","props","contextOnResponse","useUIContext","useCallback","value"],"mappings":";;AAKA,SAASA,EAAwD;AAAA,EAC/D,gBAAAC;AAAA,EACA,gBAAgBC;AAClB,GAA4B;AAC1B,QAAM,EAAE,YAAYC,EAAkB,IAAIC,EAAa;AAmBhD,SAjBgBC;AAAA,IACrB,CAACC,MAAa;AACZ,UAAIH;AACF,YAAIF;AACgB,UAAAE,EAAA;AAAA,YAChB,OAAOF;AAAA,YACP,OAAAK;AAAA,YACA,OAAO,EAAE,GAAGJ,EAAM;AAAA,UAAA,CACnB;AAAA;AAEK,gBAAA,IAAI,MAAM,wDAAwD;AAAA,IAG9E;AAAA,IACA,CAACC,GAAmBF,GAAgBC,CAAK;AAAA,EAAA;AAI7C;"}

package/dist/features/ui/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader = false, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,IAAa,IAAO,GAAGC,QAAY;AAC7D,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}
+{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import { useState, memo, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\nimport type { IImageProps } from './image-types';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader = false, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAOA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAAyBC;AAAA,EAC7B,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,IAAa,IAAO,GAAGC,QAAY;AAC7D,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}

package/dist/features/ui/inputs/base-input/base-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input-styled.tsx"],"sourcesContent":["import type { IBaseInputProps } from './base-input-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n  $size: IBaseInputProps['size'];\n  $willShowMessage: IBaseInputProps['willShowMessage'];\n}\n\nconst Container = styled.div<IContainerProps>(\n  ({ theme, $size, $willShowMessage, $width, $widthX }) => {\n    const { height, marginTop, marginBottom } = theme.input.sizes[$size];\n    const containerHeight = height + marginTop + ($willShowMessage ? marginBottom : 0);\n\n    return `\n      width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n      height: ${containerHeight}px;\n    `;\n  },\n);\n\ninterface IWrapperProps {\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n  $renderAs: IBaseInputProps['renderAs'];\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent?: boolean;\n}\n\nconst Wrapper = styled.div<IWrapperProps>(\n  ({ theme, $size, $renderAs, $disabled, $shape, $isTransparent }) => {\n    const { colors, input } = theme;\n    const { height, marginTop, paddingLeft, paddingRight, borderRadius } = input.sizes[$size];\n    const { borderColorName, backgroundColorName } = input.variants[$renderAs];\n\n    const isBorderLessShape = $shape === 'borderLess';\n    const isCurvedShape = $shape === 'curved';\n    const defaultBorderRadius = isBorderLessShape ? 0 : borderRadius;\n\n    const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n    return `\n    position: relative;\n    display: flex;\n    height: ${height}px;\n    margin-top: ${marginTop}px;\n    padding-left: ${isBorderLessShape ? 0 : paddingLeft}px;\n    padding-right: ${isBorderLessShape ? 0 : paddingRight}px;\n    padding-top: ${isCurvedShape ? 1 : 0}px;\n    padding-bottom: ${isCurvedShape ? 1 : 0}px;\n   ${\n     isBorderLessShape\n       ? `\n      border: none;\n      border-bottom: 1px solid ${colors[borderColorName[$disabled ? 'disabled' : 'inactive']]};\n    `\n       : `border: 1px solid ${\n           colors[borderColorName[$disabled ? 'disabled' : isCurvedShape ? 'active' : 'inactive']]\n         };`\n   }\n    border-radius: ${isCurvedShape ? 40 : defaultBorderRadius}px;\n    transition: border-color 0.2s ease-in-out;\n    \n    background: ${background};\n    \n    &:focus-within {\n      border-color: ${colors[borderColorName.active]};\n    }\n    \n    &:hover {\n      ${!$disabled ? `border-color: ${colors[borderColorName.active]};` : ''}\n    }\n  `;\n  },\n);\n\nconst InputWrapper = styled.div`\n  flex-grow: 1;\n`;\n\ninterface ISiblingWrapperProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $siblingPosition: NonNullable<IBaseInputProps['siblingPosition']>;\n  $disabled?: boolean;\n}\n\nconst SiblingWrapper = styled.div<ISiblingWrapperProps>(\n  ({ theme, $inputRenderAs, $disabled, $size, $siblingPosition }) => {\n    const { colors, input } = theme;\n    const { iconPadding } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n      order: ${$siblingPosition === 'left' ? -1 : 1};\n      padding-${$siblingPosition === 'left' ? 'right' : 'left'}: ${iconPadding}px;\n      align-self: center;\n      color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n\n      ${Wrapper}:focus-within & {\n        color: ${colors[labelColorName.active]};\n      }\n      \n      ${Wrapper}:hover & {\n        ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n      }\n    `;\n  },\n);\n\ninterface ILabelProps {\n  $size: IBaseInputProps['size'];\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $stickyLabel: IBaseInputProps['stickyLabel'];\n  $disabled?: boolean;\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent: IBaseInputProps['isTransparent'];\n}\n\nconst Label = styled(Text)<ILabelProps>(({\n  theme,\n  $size,\n  $inputRenderAs,\n  $stickyLabel,\n  $disabled,\n  $shape,\n  $isTransparent,\n}) => {\n  const { colors, input, text, layout } = theme;\n  const { gutter } = layout;\n  const { height, paddingLeft } = input.sizes[$size];\n  const { lineHeight } = text[input.sizes[$size].labelTextVariant];\n  const { labelColorName, labelBackgroundColorName } = input.variants[$inputRenderAs];\n  const topPosition = height / 2 - lineHeight / 2 - 1;\n  const topPositionWhenActive = -topPosition - lineHeight / 2 - 1;\n\n  const isBorderLessShape = $shape === 'borderLess';\n\n  const backgroundColor = $isTransparent\n    ? 'transparent'\n    : colors[labelBackgroundColorName ?? 'WHITE'];\n\n  return `\n    position: absolute;\n    top: ${topPosition}px;\n    left: ${(isBorderLessShape ? 0 : paddingLeft) - gutter * 0.375}px;\n    padding: 0 ${gutter * 0.375}px;\n    background-color: ${backgroundColor};\n    color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n    pointer-events: none;\n    transform-origin: left;\n    transform: translateY(${$stickyLabel ? topPositionWhenActive : 0}px) scale(${\n      $stickyLabel ? 0.75 : 1\n    });\n    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;\n\n    ${Wrapper}:focus-within & {\n      color: ${colors[labelColorName.active]};\n      transform: translateY(${topPositionWhenActive}px) scale(0.75);\n    }\n    \n    ${Wrapper}:hover & {\n      ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n    }\n\n    & span {\n      color: ${colors.RED};\n      margin-left: 2px;\n    }\n  `;\n});\n\ninterface IErrorProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n}\n\nconst Error = styled(Text)<IErrorProps>(({ theme: { input, colors }, $inputRenderAs }) => {\n  const color = colors[input.variants[$inputRenderAs]?.errorMessageColorName ?? 'RED'];\n\n  return `\n    position: absolute;\n    bottom: -2px;\n    transform: translateY(calc(100%));\n    color: ${color};\n`;\n});\n\nconst HelperText = styled(Text)<IErrorProps>(({ theme: { input, colors }, $inputRenderAs }) => {\n  const color = colors[input.variants[$inputRenderAs]?.messageColorName.active];\n\n  return `\n    position: absolute;\n    bottom: -2px;\n    transform: translateY(calc(100%));\n    color: ${color};\n`;\n});\n\nexport { Container, Wrapper, InputWrapper, SiblingWrapper, Label, Error, HelperText };\n"],"names":["Container","styled","theme","$size","$willShowMessage","$width","$widthX","height","marginTop","marginBottom","containerHeight","Wrapper","$renderAs","$disabled","$shape","$isTransparent","colors","input","paddingLeft","paddingRight","borderRadius","borderColorName","backgroundColorName","isBorderLessShape","isCurvedShape","defaultBorderRadius","background","InputWrapper","SiblingWrapper","$inputRenderAs","$siblingPosition","iconPadding","labelColorName","Label","Text","$stickyLabel","text","layout","gutter","lineHeight","labelBackgroundColorName","topPosition","topPositionWhenActive","backgroundColor","Error","_a","HelperText"],"mappings":"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"}
+{"version":3,"file":"base-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../text/text';\nimport type { IBaseInputProps } from './base-input-types';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n  $size: IBaseInputProps['size'];\n  $willShowMessage: IBaseInputProps['willShowMessage'];\n}\n\nconst Container = styled.div<IContainerProps>(\n  ({ theme, $size, $willShowMessage, $width, $widthX }) => {\n    const { height, marginTop, marginBottom } = theme.input.sizes[$size];\n    const containerHeight = height + marginTop + ($willShowMessage ? marginBottom : 0);\n\n    return `\n      width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n      height: ${containerHeight}px;\n    `;\n  },\n);\n\ninterface IWrapperProps {\n  $size: IBaseInputProps['size'];\n  $disabled?: boolean;\n  $renderAs: IBaseInputProps['renderAs'];\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent?: boolean;\n}\n\nconst Wrapper = styled.div<IWrapperProps>(\n  ({ theme, $size, $renderAs, $disabled, $shape, $isTransparent }) => {\n    const { colors, input } = theme;\n    const { height, marginTop, paddingLeft, paddingRight, borderRadius } = input.sizes[$size];\n    const { borderColorName, backgroundColorName } = input.variants[$renderAs];\n\n    const isBorderLessShape = $shape === 'borderLess';\n    const isCurvedShape = $shape === 'curved';\n    const defaultBorderRadius = isBorderLessShape ? 0 : borderRadius;\n\n    const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n    return `\n    position: relative;\n    display: flex;\n    height: ${height}px;\n    margin-top: ${marginTop}px;\n    padding-left: ${isBorderLessShape ? 0 : paddingLeft}px;\n    padding-right: ${isBorderLessShape ? 0 : paddingRight}px;\n    padding-top: ${isCurvedShape ? 1 : 0}px;\n    padding-bottom: ${isCurvedShape ? 1 : 0}px;\n   ${\n     isBorderLessShape\n       ? `\n      border: none;\n      border-bottom: 1px solid ${colors[borderColorName[$disabled ? 'disabled' : 'inactive']]};\n    `\n       : `border: 1px solid ${\n           colors[borderColorName[$disabled ? 'disabled' : isCurvedShape ? 'active' : 'inactive']]\n         };`\n   }\n    border-radius: ${isCurvedShape ? 40 : defaultBorderRadius}px;\n    transition: border-color 0.2s ease-in-out;\n    \n    background: ${background};\n    \n    &:focus-within {\n      border-color: ${colors[borderColorName.active]};\n    }\n    \n    &:hover {\n      ${!$disabled ? `border-color: ${colors[borderColorName.active]};` : ''}\n    }\n  `;\n  },\n);\n\nconst InputWrapper = styled.div`\n  flex-grow: 1;\n`;\n\ninterface ISiblingWrapperProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n  $siblingPosition: NonNullable<IBaseInputProps['siblingPosition']>;\n  $disabled?: boolean;\n}\n\nconst SiblingWrapper = styled.div<ISiblingWrapperProps>(\n  ({ theme, $inputRenderAs, $disabled, $size, $siblingPosition }) => {\n    const { colors, input } = theme;\n    const { iconPadding } = input.sizes[$size];\n    const { labelColorName } = input.variants[$inputRenderAs];\n\n    return `\n      order: ${$siblingPosition === 'left' ? -1 : 1};\n      padding-${$siblingPosition === 'left' ? 'right' : 'left'}: ${iconPadding}px;\n      align-self: center;\n      color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n\n      ${Wrapper}:focus-within & {\n        color: ${colors[labelColorName.active]};\n      }\n      \n      ${Wrapper}:hover & {\n        ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n      }\n    `;\n  },\n);\n\ninterface ILabelProps {\n  $size: IBaseInputProps['size'];\n  $inputRenderAs: IBaseInputProps['renderAs'];\n  $stickyLabel: IBaseInputProps['stickyLabel'];\n  $disabled?: boolean;\n  $shape?: IBaseInputProps['shape'];\n  $isTransparent: IBaseInputProps['isTransparent'];\n}\n\nconst Label = styled(Text)<ILabelProps>(({\n  theme,\n  $size,\n  $inputRenderAs,\n  $stickyLabel,\n  $disabled,\n  $shape,\n  $isTransparent,\n}) => {\n  const { colors, input, text, layout } = theme;\n  const { gutter } = layout;\n  const { height, paddingLeft } = input.sizes[$size];\n  const { lineHeight } = text[input.sizes[$size].labelTextVariant];\n  const { labelColorName, labelBackgroundColorName } = input.variants[$inputRenderAs];\n  const topPosition = height / 2 - lineHeight / 2 - 1;\n  const topPositionWhenActive = -topPosition - lineHeight / 2 - 1;\n\n  const isBorderLessShape = $shape === 'borderLess';\n\n  const backgroundColor = $isTransparent\n    ? 'transparent'\n    : colors[labelBackgroundColorName ?? 'WHITE'];\n\n  return `\n    position: absolute;\n    top: ${topPosition}px;\n    left: ${(isBorderLessShape ? 0 : paddingLeft) - gutter * 0.375}px;\n    padding: 0 ${gutter * 0.375}px;\n    background-color: ${backgroundColor};\n    color: ${colors[labelColorName[$disabled ? 'disabled' : 'inactive']]};\n    pointer-events: none;\n    transform-origin: left;\n    transform: translateY(${$stickyLabel ? topPositionWhenActive : 0}px) scale(${\n      $stickyLabel ? 0.75 : 1\n    });\n    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;\n\n    ${Wrapper}:focus-within & {\n      color: ${colors[labelColorName.active]};\n      transform: translateY(${topPositionWhenActive}px) scale(0.75);\n    }\n    \n    ${Wrapper}:hover & {\n      ${!$disabled ? `color: ${colors[labelColorName.active]};` : ''}\n    }\n\n    & span {\n      color: ${colors.RED};\n      margin-left: 2px;\n    }\n  `;\n});\n\ninterface IErrorProps {\n  $inputRenderAs: IBaseInputProps['renderAs'];\n}\n\nconst Error = styled(Text)<IErrorProps>(({ theme: { input, colors }, $inputRenderAs }) => {\n  const color = colors[input.variants[$inputRenderAs]?.errorMessageColorName ?? 'RED'];\n\n  return `\n    position: absolute;\n    bottom: -2px;\n    transform: translateY(calc(100%));\n    color: ${color};\n`;\n});\n\nconst HelperText = styled(Text)<IErrorProps>(({ theme: { input, colors }, $inputRenderAs }) => {\n  const color = colors[input.variants[$inputRenderAs]?.messageColorName.active];\n\n  return `\n    position: absolute;\n    bottom: -2px;\n    transform: translateY(calc(100%));\n    color: ${color};\n`;\n});\n\nexport { Container, Wrapper, InputWrapper, SiblingWrapper, Label, Error, HelperText };\n"],"names":["Container","styled","theme","$size","$willShowMessage","$width","$widthX","height","marginTop","marginBottom","containerHeight","Wrapper","$renderAs","$disabled","$shape","$isTransparent","colors","input","paddingLeft","paddingRight","borderRadius","borderColorName","backgroundColorName","isBorderLessShape","isCurvedShape","defaultBorderRadius","background","InputWrapper","SiblingWrapper","$inputRenderAs","$siblingPosition","iconPadding","labelColorName","Label","Text","$stickyLabel","text","layout","gutter","lineHeight","labelBackgroundColorName","topPosition","topPositionWhenActive","backgroundColor","Error","_a","HelperText"],"mappings":"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"}

package/dist/features/ui/inputs/base-input/base-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-input.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input.tsx"],"sourcesContent":["import type { IBaseInputProps } from './base-input-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  Container,\n  Error,\n  InputWrapper,\n  Label,\n  SiblingWrapper,\n  Wrapper,\n  HelperText,\n} from './base-input-styled';\n\nconst BaseInput: React.FC<IBaseInputProps> = props => {\n  const {\n    label,\n    stickyLabel,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    inputElement,\n    siblingElement,\n    siblingPosition,\n    size,\n    errorMessage,\n    mandatory,\n    shape,\n    isTransparent = false,\n    helperText,\n  } = props;\n  const { input } = useTheme();\n  const showLabel = label && shape !== 'curved';\n  const showHelperText = helperText && !errorMessage;\n\n  return (\n    <Container $width={width} $widthX={widthX} $size={size} $willShowMessage={willShowMessage}>\n      <Wrapper\n        $renderAs={renderAs}\n        $size={size}\n        $disabled={disabled}\n        $shape={shape}\n        $isTransparent={isTransparent}\n      >\n        <InputWrapper>\n          {inputElement}\n          {errorMessage && (\n            <Error $renderAs=\"body3\" $inputRenderAs={renderAs}>\n              {errorMessage}\n            </Error>\n          )}\n          {showHelperText && (\n            <HelperText $renderAs=\"ub3\" $inputRenderAs={renderAs}>\n              {helperText}\n            </HelperText>\n          )}\n        </InputWrapper>\n        {siblingElement ? (\n          <SiblingWrapper\n            $inputRenderAs={renderAs}\n            $disabled={disabled}\n            $size={size}\n            $siblingPosition={siblingPosition ?? 'right'}\n          >\n            {siblingElement}\n          </SiblingWrapper>\n        ) : undefined}\n        {showLabel && (\n          <Label\n            $renderAs={input.sizes[size].labelTextVariant}\n            $inputRenderAs={renderAs}\n            $size={size}\n            $stickyLabel={stickyLabel}\n            $disabled={disabled}\n            $shape={shape}\n            $isTransparent={isTransparent}\n          >\n            {label}\n            {mandatory && <span>*</span>}\n          </Label>\n        )}\n      </Wrapper>\n    </Container>\n  );\n};\n\nexport default BaseInput;\n"],"names":["BaseInput","props","label","stickyLabel","renderAs","width","widthX","disabled","willShowMessage","inputElement","siblingElement","siblingPosition","size","errorMessage","mandatory","shape","isTransparent","helperText","input","useTheme","jsx","Container","jsxs","Wrapper","InputWrapper","Error","HelperText","SiblingWrapper","Label","BaseInput$1"],"mappings":";;;AAeA,MAAMA,IAAuC,CAASC,MAAA;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,EACE,IAAAhB,GACE,EAAE,OAAAiB,MAAUC;AAKhB,SAAA,gBAAAC,EAACC,KAAU,QAAQhB,GAAO,SAASC,GAAQ,OAAOM,GAAM,kBAAkBJ,GACxE,UAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWnB;AAAA,MACX,OAAOQ;AAAA,MACP,WAAWL;AAAA,MACX,QAAQQ;AAAA,MACR,gBAAgBC;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAM,EAACE,GACE,EAAA,UAAA;AAAA,UAAAf;AAAA,UACAI,KACE,gBAAAO,EAAAK,GAAA,EAAM,WAAU,SAAQ,gBAAgBrB,GACtC,UACHS,GAAA;AAAA,UAhBaI,KAAc,CAACJ,KAmB3B,gBAAAO,EAAAM,GAAA,EAAW,WAAU,OAAM,gBAAgBtB,GACzC,UACHa,GAAA;AAAA,QAAA,GAEJ;AAAA,QACCP,IACC,gBAAAU;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,gBAAgBvB;AAAA,YAChB,WAAWG;AAAA,YACX,OAAOK;AAAA,YACP,kBAAkBD,KAAmB;AAAA,YAEpC,UAAAD;AAAA,UAAA;AAAA,QAED,IAAA;AAAA,QAlCQR,KAASa,MAAU,YAoC7B,gBAAAO;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,WAAWV,EAAM,MAAMN,CAAI,EAAE;AAAA,YAC7B,gBAAgBR;AAAA,YAChB,OAAOQ;AAAA,YACP,cAAcT;AAAA,YACd,WAAWI;AAAA,YACX,QAAQQ;AAAA,YACR,gBAAgBC;AAAA,YAEf,UAAA;AAAA,cAAAd;AAAA,cACAY,KAAc,gBAAAM,EAAA,QAAA,EAAK,UAAC,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ,GAEAS,IAAe7B;"}
+{"version":3,"file":"base-input.js","sources":["../../../../../src/features/ui/inputs/base-input/base-input.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  Container,\n  Error,\n  InputWrapper,\n  Label,\n  SiblingWrapper,\n  Wrapper,\n  HelperText,\n} from './base-input-styled';\nimport type { IBaseInputProps } from './base-input-types';\n\nconst BaseInput: FC<IBaseInputProps> = props => {\n  const {\n    label,\n    stickyLabel,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    inputElement,\n    siblingElement,\n    siblingPosition,\n    size,\n    errorMessage,\n    mandatory,\n    shape,\n    isTransparent = false,\n    helperText,\n  } = props;\n  const { input } = useTheme();\n  const showLabel = label && shape !== 'curved';\n  const showHelperText = helperText && !errorMessage;\n\n  return (\n    <Container $width={width} $widthX={widthX} $size={size} $willShowMessage={willShowMessage}>\n      <Wrapper\n        $renderAs={renderAs}\n        $size={size}\n        $disabled={disabled}\n        $shape={shape}\n        $isTransparent={isTransparent}\n      >\n        <InputWrapper>\n          {inputElement}\n          {errorMessage && (\n            <Error $renderAs=\"body3\" $inputRenderAs={renderAs}>\n              {errorMessage}\n            </Error>\n          )}\n          {showHelperText && (\n            <HelperText $renderAs=\"ub3\" $inputRenderAs={renderAs}>\n              {helperText}\n            </HelperText>\n          )}\n        </InputWrapper>\n        {siblingElement ? (\n          <SiblingWrapper\n            $inputRenderAs={renderAs}\n            $disabled={disabled}\n            $size={size}\n            $siblingPosition={siblingPosition ?? 'right'}\n          >\n            {siblingElement}\n          </SiblingWrapper>\n        ) : undefined}\n        {showLabel && (\n          <Label\n            $renderAs={input.sizes[size].labelTextVariant}\n            $inputRenderAs={renderAs}\n            $size={size}\n            $stickyLabel={stickyLabel}\n            $disabled={disabled}\n            $shape={shape}\n            $isTransparent={isTransparent}\n          >\n            {label}\n            {mandatory && <span>*</span>}\n          </Label>\n        )}\n      </Wrapper>\n    </Container>\n  );\n};\n\nexport default BaseInput;\n"],"names":["BaseInput","props","label","stickyLabel","renderAs","width","widthX","disabled","willShowMessage","inputElement","siblingElement","siblingPosition","size","errorMessage","mandatory","shape","isTransparent","helperText","input","useTheme","jsx","Container","jsxs","Wrapper","InputWrapper","Error","HelperText","SiblingWrapper","Label","BaseInput$1"],"mappings":";;;AAcA,MAAMA,IAAiC,CAASC,MAAA;AACxC,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,EACE,IAAAhB,GACE,EAAE,OAAAiB,MAAUC;AAKhB,SAAA,gBAAAC,EAACC,KAAU,QAAQhB,GAAO,SAASC,GAAQ,OAAOM,GAAM,kBAAkBJ,GACxE,UAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWnB;AAAA,MACX,OAAOQ;AAAA,MACP,WAAWL;AAAA,MACX,QAAQQ;AAAA,MACR,gBAAgBC;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAM,EAACE,GACE,EAAA,UAAA;AAAA,UAAAf;AAAA,UACAI,KACE,gBAAAO,EAAAK,GAAA,EAAM,WAAU,SAAQ,gBAAgBrB,GACtC,UACHS,GAAA;AAAA,UAhBaI,KAAc,CAACJ,KAmB3B,gBAAAO,EAAAM,GAAA,EAAW,WAAU,OAAM,gBAAgBtB,GACzC,UACHa,GAAA;AAAA,QAAA,GAEJ;AAAA,QACCP,IACC,gBAAAU;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,gBAAgBvB;AAAA,YAChB,WAAWG;AAAA,YACX,OAAOK;AAAA,YACP,kBAAkBD,KAAmB;AAAA,YAEpC,UAAAD;AAAA,UAAA;AAAA,QAED,IAAA;AAAA,QAlCQR,KAASa,MAAU,YAoC7B,gBAAAO;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,WAAWV,EAAM,MAAMN,CAAI,EAAE;AAAA,YAC7B,gBAAgBR;AAAA,YAChB,OAAOQ;AAAA,YACP,cAAcT;AAAA,YACd,WAAWI;AAAA,YACX,QAAQQ;AAAA,YACR,gBAAgBC;AAAA,YAEf,UAAA;AAAA,cAAAd;AAAA,cACAY,KAAc,gBAAAM,EAAA,QAAA,EAAK,UAAC,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,EAAA,CAAA;AAEJ,GAEAS,IAAe7B;"}

package/dist/features/ui/inputs/base-select-input/base-select-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-select-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input-styled.tsx"],"sourcesContent":["import type { TInputVariants } from '../../types';\n\nimport styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../assets/line-icons/icons/chevron-down';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n}\n\nconst Container = styled.div<IContainerProps>(({ theme, $width, $widthX }) => {\n  return `\n    position: relative;\n    cursor: pointer;\n    width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n    ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''};\n  `;\n});\n\ninterface IOptionsContainerProps {\n  $visible: boolean;\n}\n\nconst OptionsContainer = styled.div<IOptionsContainerProps>(\n  ({ theme, $visible }) => `\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    min-height: ${theme.layout.gutter * 18}px;\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n    z-index: 2;\n  `,\n);\n\ninterface IOptionsWrapper {\n  $renderAs: TInputVariants;\n  $theme: 'light' | 'dark';\n}\n\nconst OptionsWrapper = styled.div<IOptionsWrapper>(({ theme, $renderAs, $theme }) => {\n  const { layout, colors, input } = theme;\n  const { backgroundColorName, optionHoverColorName } = input.variants[$renderAs];\n  const isDarkTheme = $theme === 'dark';\n\n  return `\n    width: 100%;\n    max-height: ${layout.gutter * 16}px;\n    background-color: ${isDarkTheme ? colors.BLACK_2 : colors[backgroundColorName ?? 'WHITE']};\n    border: 1px solid ${isDarkTheme ? colors.WHITE_T_87 : colors.GREY_2};\n    border-radius: ${isDarkTheme ? 0 : layout.gutter * 0.5}px;\n    padding: ${layout.gutter * 0.5}px 0;\n    overflow-y: auto;\n    box-shadow: ${isDarkTheme ? `0px 6px 12px 0px ${colors.BLACK_T_38}` : 'none'};\n\n    & .base-select-input-option:hover {\n      background: ${isDarkTheme ? colors.BLACK_4 : colors[optionHoverColorName ?? 'GREY_1']};\n    }\n  `;\n});\n\ninterface IStyledDownIcon {\n  $menuVisible: boolean;\n}\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nconst StyledChevronDownIcon = styled(ChevronDownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nexport { Container, OptionsContainer, OptionsWrapper, StyledDownIcon, StyledChevronDownIcon };\n"],"names":["Container","styled","theme","$width","$widthX","OptionsContainer","$visible","OptionsWrapper","$renderAs","$theme","layout","colors","input","backgroundColorName","optionHoverColorName","isDarkTheme","StyledDownIcon","DownIcon","$menuVisible","StyledChevronDownIcon","ChevronDownIcon"],"mappings":";;;AAYM,MAAAA,IAAYC,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,QACvD;AAAA;AAAA;AAAA,aAGID,KAAkB,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,MACxEC,IAAU,UAAUA,IAAUF,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,GAEhE,GAMKG,IAAmBJ,EAAO;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,UAAAI,EAAA,MAAe;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKTJ,EAAM,OAAO,SAAS,EAAE;AAAA;AAAA,wBAElBI,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA,sBAETJ,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAG/C,GAOMK,IAAiBN,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAM,GAAW,QAAAC,QAAa;AACnF,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUV,GAC5B,EAAE,qBAAAW,GAAqB,sBAAAC,EAAA,IAAyBF,EAAM,SAASJ,CAAS,GACxEO,IAAcN,MAAW;AAExB,SAAA;AAAA;AAAA,kBAESC,EAAO,SAAS,EAAE;AAAA,wBACZK,IAAcJ,EAAO,UAAUA,EAAOE,KAAuB,OAAO,CAAC;AAAA,wBACrEE,IAAcJ,EAAO,aAAaA,EAAO,MAAM;AAAA,qBAClDI,IAAc,IAAIL,EAAO,SAAS,GAAG;AAAA,eAC3CA,EAAO,SAAS,GAAG;AAAA;AAAA,kBAEhBK,IAAc,oBAAoBJ,EAAO,UAAU,KAAK,MAAM;AAAA;AAAA;AAAA,oBAG5DI,IAAcJ,EAAO,UAAUA,EAAOG,KAAwB,QAAQ,CAAC;AAAA;AAAA;AAG3F,CAAC,GAMKE,IAAiBf,EAAOgB,CAAQ;AAAA,EACpC,CAAC,EAAE,cAAAC,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C,GAEMC,IAAwBlB,EAAOmB,CAAe;AAAA,EAClD,CAAC,EAAE,cAAAF,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C;"}
+{"version":3,"file":"base-select-input-styled.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../assets/line-icons/icons/chevron-down';\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport type { TInputVariants } from '../../types';\n\ninterface IContainerProps {\n  $width?: string | number;\n  $widthX?: number;\n}\n\nconst Container = styled.div<IContainerProps>(({ theme, $width, $widthX }) => {\n  return `\n    position: relative;\n    cursor: pointer;\n    width: ${$width ? $width : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n    ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''};\n  `;\n});\n\ninterface IOptionsContainerProps {\n  $visible: boolean;\n}\n\nconst OptionsContainer = styled.div<IOptionsContainerProps>(\n  ({ theme, $visible }) => `\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    min-height: ${theme.layout.gutter * 18}px;\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n    z-index: 2;\n  `,\n);\n\ninterface IOptionsWrapper {\n  $renderAs: TInputVariants;\n  $theme: 'light' | 'dark';\n}\n\nconst OptionsWrapper = styled.div<IOptionsWrapper>(({ theme, $renderAs, $theme }) => {\n  const { layout, colors, input } = theme;\n  const { backgroundColorName, optionHoverColorName } = input.variants[$renderAs];\n  const isDarkTheme = $theme === 'dark';\n\n  return `\n    width: 100%;\n    max-height: ${layout.gutter * 16}px;\n    background-color: ${isDarkTheme ? colors.BLACK_2 : colors[backgroundColorName ?? 'WHITE']};\n    border: 1px solid ${isDarkTheme ? colors.WHITE_T_87 : colors.GREY_2};\n    border-radius: ${isDarkTheme ? 0 : layout.gutter * 0.5}px;\n    padding: ${layout.gutter * 0.5}px 0;\n    overflow-y: auto;\n    box-shadow: ${isDarkTheme ? `0px 6px 12px 0px ${colors.BLACK_T_38}` : 'none'};\n\n    & .base-select-input-option:hover {\n      background: ${isDarkTheme ? colors.BLACK_4 : colors[optionHoverColorName ?? 'GREY_1']};\n    }\n  `;\n});\n\ninterface IStyledDownIcon {\n  $menuVisible: boolean;\n}\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nconst StyledChevronDownIcon = styled(ChevronDownIcon)<IStyledDownIcon>(\n  ({ $menuVisible }) => `\n  transform: rotate(${$menuVisible ? 180 : 0}deg);\n  transition: transform 0.2s ease-out;\n`,\n);\n\nexport { Container, OptionsContainer, OptionsWrapper, StyledDownIcon, StyledChevronDownIcon };\n"],"names":["Container","styled","theme","$width","$widthX","OptionsContainer","$visible","OptionsWrapper","$renderAs","$theme","layout","colors","input","backgroundColorName","optionHoverColorName","isDarkTheme","StyledDownIcon","DownIcon","$menuVisible","StyledChevronDownIcon","ChevronDownIcon"],"mappings":";;;AAWM,MAAAA,IAAYC,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,QACvD;AAAA;AAAA;AAAA,aAGID,KAAkB,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,MACxEC,IAAU,UAAUA,IAAUF,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,GAEhE,GAMKG,IAAmBJ,EAAO;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,UAAAI,EAAA,MAAe;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKTJ,EAAM,OAAO,SAAS,EAAE;AAAA;AAAA,wBAElBI,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA,sBAETJ,EAAM,OAAO,SAAS,GAAG;AAAA;AAAA;AAG/C,GAOMK,IAAiBN,EAAO,IAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAM,GAAW,QAAAC,QAAa;AACnF,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUV,GAC5B,EAAE,qBAAAW,GAAqB,sBAAAC,EAAA,IAAyBF,EAAM,SAASJ,CAAS,GACxEO,IAAcN,MAAW;AAExB,SAAA;AAAA;AAAA,kBAESC,EAAO,SAAS,EAAE;AAAA,wBACZK,IAAcJ,EAAO,UAAUA,EAAOE,KAAuB,OAAO,CAAC;AAAA,wBACrEE,IAAcJ,EAAO,aAAaA,EAAO,MAAM;AAAA,qBAClDI,IAAc,IAAIL,EAAO,SAAS,GAAG;AAAA,eAC3CA,EAAO,SAAS,GAAG;AAAA;AAAA,kBAEhBK,IAAc,oBAAoBJ,EAAO,UAAU,KAAK,MAAM;AAAA;AAAA;AAAA,oBAG5DI,IAAcJ,EAAO,UAAUA,EAAOG,KAAwB,QAAQ,CAAC;AAAA;AAAA;AAG3F,CAAC,GAMKE,IAAiBf,EAAOgB,CAAQ;AAAA,EACpC,CAAC,EAAE,cAAAC,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C,GAEMC,IAAwBlB,EAAOmB,CAAe;AAAA,EAClD,CAAC,EAAE,cAAAF,EAAA,MAAmB;AAAA,sBACFA,IAAe,MAAM,CAAC;AAAA;AAAA;AAG5C;"}

package/dist/features/ui/inputs/base-select-input/base-select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-select-input.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input.tsx"],"sourcesContent":["import type { ISectionOption } from '../../section-list/section-list-types';\nimport type { IBaseSelectInputProps, ISelectOption } from './base-select-input-types';\nimport type { ChangeEvent, FocusEvent, ReactElement } from 'react';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport useContextMenuClickHandler from '../../hooks/use-context-menu-click-handler';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './base-select-input-styled';\nimport SelectOption from './select-option/select-option';\nimport SelectSection from './select-section/select-section';\n\nconst BaseSelectInput = <IDType extends string | number>(\n  props: IBaseSelectInputProps<IDType>,\n): ReactElement => {\n  const {\n    label,\n    value,\n    options,\n    searchable = false,\n    searchText,\n    onCloseWithoutSelection,\n    onSearchTextChange,\n    onChange,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    mandatory,\n    size = 'regular',\n    shape,\n    theme = 'light',\n    isTransparent = false,\n    renderOptionsAs = 'list',\n    errorMessage,\n    inputLabelOverrides,\n  } = props;\n\n  const sectionOptions =\n    renderOptionsAs === 'section-list' && (options as ISectionOption<ISelectOption<IDType>>[]);\n  const selectOptions = renderOptionsAs === 'list' && (options as ISelectOption<IDType>[]);\n\n  const inputValue = useMemo(() => {\n    if (searchable) return searchText;\n\n    if (sectionOptions) {\n      let foundSection, foundOption;\n\n      for (const section of sectionOptions) {\n        const option = section.data.find(({ id }) => id === value);\n\n        if (option) {\n          foundSection = section;\n          foundOption = option;\n\n          break;\n        }\n      }\n\n      if (foundSection && inputLabelOverrides)\n        return inputLabelOverrides(foundSection, foundOption);\n\n      return foundOption?.label || '';\n    }\n\n    if (selectOptions) return selectOptions.find(option => option.id === value)?.label;\n  }, [searchable, searchText, sectionOptions, selectOptions, inputLabelOverrides, value]);\n\n  const containerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const inputRef = useRef<HTMLInputElement>(null) as React.RefObject<HTMLInputElement>;\n  const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(\n    containerRef,\n    undefined,\n    !searchable,\n    onCloseWithoutSelection,\n    disabled,\n  );\n\n  const handleTextChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (searchable && onSearchTextChange) {\n        onSearchTextChange(e.target.value);\n      }\n    },\n    [onSearchTextChange, searchable],\n  );\n\n  const handleChange = useCallback<IBaseSelectInputProps<IDType>['onChange']>(\n    (id, option) => {\n      hideMenu();\n      onChange(id, option);\n    },\n    [hideMenu, onChange],\n  );\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n    setTimeout(() => {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n      });\n    }, 300);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (onSearchTextChange) {\n      onSearchTextChange('');\n      inputRef.current?.focus();\n    }\n  }, [onSearchTextChange]);\n\n  const downIcon =\n    shape === 'curved' || shape === 'borderLess' ? (\n      <Styled.StyledChevronDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    ) : (\n      <Styled.StyledDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    );\n\n  return (\n    <Styled.Container ref={containerRef} $width={width} $widthX={widthX} onClick={onMenuClick}>\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={true}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={size}\n        mandatory={mandatory}\n        shape={shape}\n        isTransparent={isTransparent}\n        inputElement={\n          <Input\n            ref={inputRef}\n            $renderAs={renderAs}\n            $size={size}\n            placeholder={inputValue ? '' : label}\n            disabled={disabled}\n            readOnly={!searchable}\n            value={inputValue ?? ''}\n            onFocus={searchable ? handleFocus : undefined}\n            onChange={searchable ? handleTextChange : undefined}\n            $isTransparent={isTransparent}\n          />\n        }\n        siblingElement={searchable && menuVisible ? <CrossIcon onClick={handleClear} /> : downIcon}\n        errorMessage={errorMessage}\n      />\n\n      {options.length > 0 && (\n        <Styled.OptionsContainer $visible={menuVisible}>\n          <Styled.OptionsWrapper $renderAs={renderAs} $theme={theme}>\n            {sectionOptions && (\n              <SelectSection<IDType>\n                sectionOptions={sectionOptions}\n                theme={theme}\n                value={value}\n                onChange={handleChange}\n              />\n            )}\n\n            {selectOptions &&\n              selectOptions.map(option => (\n                <SelectOption<IDType>\n                  key={option.id}\n                  option={option}\n                  selected={option.id === value}\n                  onChange={handleChange}\n                  theme={theme}\n                />\n              ))}\n          </Styled.OptionsWrapper>\n        </Styled.OptionsContainer>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default BaseSelectInput;\n"],"names":["BaseSelectInput","props","label","value","options","searchable","searchText","onCloseWithoutSelection","onSearchTextChange","onChange","renderAs","width","widthX","disabled","willShowMessage","mandatory","size","shape","theme","isTransparent","renderOptionsAs","errorMessage","inputLabelOverrides","sectionOptions","selectOptions","inputValue","useMemo","foundSection","foundOption","section","option","id","_a","containerRef","useRef","inputRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleTextChange","useCallback","handleChange","handleFocus","handleClear","jsxs","Styled.Container","jsx","BaseInput","Input","CrossIcon","Styled.StyledChevronDownIcon","Styled.StyledDownIcon","Styled.OptionsContainer","Styled.OptionsWrapper","SelectSection","SelectOption"],"mappings":"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"}
+{"version":3,"file":"base-select-input.js","sources":["../../../../../src/features/ui/inputs/base-select-input/base-select-input.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n  type FocusEvent,\n  type ReactElement,\n  type RefObject,\n} from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport useContextMenuClickHandler from '../../hooks/use-context-menu-click-handler';\nimport type { ISectionOption } from '../../section-list/section-list-types';\nimport BaseInput from '../base-input/base-input';\nimport { Input } from '../text-input/text-input-styled';\nimport * as Styled from './base-select-input-styled';\nimport type { IBaseSelectInputProps, ISelectOption } from './base-select-input-types';\nimport SelectOption from './select-option/select-option';\nimport SelectSection from './select-section/select-section';\n\nconst BaseSelectInput = <IDType extends string | number>(\n  props: IBaseSelectInputProps<IDType>,\n): ReactElement => {\n  const {\n    label,\n    value,\n    options,\n    searchable = false,\n    searchText,\n    onCloseWithoutSelection,\n    onSearchTextChange,\n    onChange,\n    renderAs,\n    width,\n    widthX,\n    disabled,\n    willShowMessage,\n    mandatory,\n    size = 'regular',\n    shape,\n    theme = 'light',\n    isTransparent = false,\n    renderOptionsAs = 'list',\n    errorMessage,\n    inputLabelOverrides,\n  } = props;\n\n  const sectionOptions =\n    renderOptionsAs === 'section-list' && (options as ISectionOption<ISelectOption<IDType>>[]);\n  const selectOptions = renderOptionsAs === 'list' && (options as ISelectOption<IDType>[]);\n\n  const inputValue = useMemo(() => {\n    if (searchable) return searchText;\n\n    if (sectionOptions) {\n      let foundSection, foundOption;\n\n      for (const section of sectionOptions) {\n        const option = section.data.find(({ id }) => id === value);\n\n        if (option) {\n          foundSection = section;\n          foundOption = option;\n\n          break;\n        }\n      }\n\n      if (foundSection && inputLabelOverrides)\n        return inputLabelOverrides(foundSection, foundOption);\n\n      return foundOption?.label || '';\n    }\n\n    if (selectOptions) return selectOptions.find(option => option.id === value)?.label;\n  }, [searchable, searchText, sectionOptions, selectOptions, inputLabelOverrides, value]);\n\n  const containerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const inputRef = useRef<HTMLInputElement>(null) as RefObject<HTMLInputElement>;\n  const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(\n    containerRef,\n    undefined,\n    !searchable,\n    onCloseWithoutSelection,\n    disabled,\n  );\n\n  const handleTextChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (searchable && onSearchTextChange) {\n        onSearchTextChange(e.target.value);\n      }\n    },\n    [onSearchTextChange, searchable],\n  );\n\n  const handleChange = useCallback<IBaseSelectInputProps<IDType>['onChange']>(\n    (id, option) => {\n      hideMenu();\n      onChange(id, option);\n    },\n    [hideMenu, onChange],\n  );\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n    setTimeout(() => {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n      });\n    }, 300);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (onSearchTextChange) {\n      onSearchTextChange('');\n      inputRef.current?.focus();\n    }\n  }, [onSearchTextChange]);\n\n  const downIcon =\n    shape === 'curved' || shape === 'borderLess' ? (\n      <Styled.StyledChevronDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    ) : (\n      <Styled.StyledDownIcon $menuVisible={menuVisible} pointerEvents=\"none\" />\n    );\n\n  return (\n    <Styled.Container ref={containerRef} $width={width} $widthX={widthX} onClick={onMenuClick}>\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={true}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={size}\n        mandatory={mandatory}\n        shape={shape}\n        isTransparent={isTransparent}\n        inputElement={\n          <Input\n            ref={inputRef}\n            $renderAs={renderAs}\n            $size={size}\n            placeholder={inputValue ? '' : label}\n            disabled={disabled}\n            readOnly={!searchable}\n            value={inputValue ?? ''}\n            onFocus={searchable ? handleFocus : undefined}\n            onChange={searchable ? handleTextChange : undefined}\n            $isTransparent={isTransparent}\n          />\n        }\n        siblingElement={searchable && menuVisible ? <CrossIcon onClick={handleClear} /> : downIcon}\n        errorMessage={errorMessage}\n      />\n\n      {options.length > 0 && (\n        <Styled.OptionsContainer $visible={menuVisible}>\n          <Styled.OptionsWrapper $renderAs={renderAs} $theme={theme}>\n            {sectionOptions && (\n              <SelectSection<IDType>\n                sectionOptions={sectionOptions}\n                theme={theme}\n                value={value}\n                onChange={handleChange}\n              />\n            )}\n\n            {selectOptions &&\n              selectOptions.map(option => (\n                <SelectOption<IDType>\n                  key={option.id}\n                  option={option}\n                  selected={option.id === value}\n                  onChange={handleChange}\n                  theme={theme}\n                />\n              ))}\n          </Styled.OptionsWrapper>\n        </Styled.OptionsContainer>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default BaseSelectInput;\n"],"names":["BaseSelectInput","props","label","value","options","searchable","searchText","onCloseWithoutSelection","onSearchTextChange","onChange","renderAs","width","widthX","disabled","willShowMessage","mandatory","size","shape","theme","isTransparent","renderOptionsAs","errorMessage","inputLabelOverrides","sectionOptions","selectOptions","inputValue","useMemo","foundSection","foundOption","section","option","id","_a","containerRef","useRef","inputRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleTextChange","useCallback","handleChange","handleFocus","handleClear","jsxs","Styled.Container","jsx","BaseInput","Input","CrossIcon","Styled.StyledChevronDownIcon","Styled.StyledDownIcon","Styled.OptionsContainer","Styled.OptionsWrapper","SelectSection","SelectOption"],"mappings":"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"}

package/dist/features/ui/inputs/base-select-input/select-option/select-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-option.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-option/select-option.tsx"],"sourcesContent":["import type { ISelectOptionProps } from './select-option-types';\nimport type { ReactElement } from 'react';\n\nimport { useCallback } from 'react';\n\nimport Text from '../../../text/text';\nimport * as Styled from './select-option-styled';\n\nconst SelectOption = <IDType extends string | number>({\n  option,\n  selected,\n  onChange,\n  theme,\n}: ISelectOptionProps<IDType>): ReactElement => {\n  const { id, label } = option;\n\n  const handleOnClick = useCallback(() => {\n    onChange(id, option);\n  }, [onChange, id, option]);\n\n  const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n  const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n  const isDarkTheme = theme === 'dark';\n\n  return (\n    <Styled.SelectOptionWrapper onClick={handleOnClick} className=\"base-select-input-option\">\n      <Text\n        $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n        $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n      >\n        {label}\n      </Text>\n    </Styled.SelectOptionWrapper>\n  );\n};\n\nexport default SelectOption;\n"],"names":["SelectOption","option","selected","onChange","theme","id","label","handleOnClick","useCallback","lightThemeRenderAs","darkThemeRenderAs","isDarkTheme","Styled.SelectOptionWrapper","jsx","Text"],"mappings":";;;;AAQA,MAAMA,IAAe,CAAiC;AAAA,EACpD,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAgD;AACxC,QAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAL,GAEhBM,IAAgBC,EAAY,MAAM;AACtC,IAAAL,EAASE,GAAIJ,CAAM;AAAA,EAClB,GAAA,CAACE,GAAUE,GAAIJ,CAAM,CAAC,GAEnBQ,IAAqBP,IAAW,gBAAgB,SAChDQ,IAAoBR,IAAW,aAAa,OAC5CS,IAAcP,MAAU;AAE9B,2BACGQ,GAAA,EAA2B,SAASL,GAAe,WAAU,4BAC5D,UAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH,IAAcD,IAAoBD;AAAA,MAC7C,QAAQE,IAAc,eAAe;AAAA,MAEpC,UAAAL;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"select-option.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-option/select-option.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback } from 'react';\n\nimport Text from '../../../text/text';\nimport * as Styled from './select-option-styled';\nimport type { ISelectOptionProps } from './select-option-types';\n\nconst SelectOption = <IDType extends string | number>({\n  option,\n  selected,\n  onChange,\n  theme,\n}: ISelectOptionProps<IDType>): ReactElement => {\n  const { id, label } = option;\n\n  const handleOnClick = useCallback(() => {\n    onChange(id, option);\n  }, [onChange, id, option]);\n\n  const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n  const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n  const isDarkTheme = theme === 'dark';\n\n  return (\n    <Styled.SelectOptionWrapper onClick={handleOnClick} className=\"base-select-input-option\">\n      <Text\n        $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n        $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n      >\n        {label}\n      </Text>\n    </Styled.SelectOptionWrapper>\n  );\n};\n\nexport default SelectOption;\n"],"names":["SelectOption","option","selected","onChange","theme","id","label","handleOnClick","useCallback","lightThemeRenderAs","darkThemeRenderAs","isDarkTheme","Styled.SelectOptionWrapper","jsx","Text"],"mappings":";;;;AAOA,MAAMA,IAAe,CAAiC;AAAA,EACpD,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAgD;AACxC,QAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAL,GAEhBM,IAAgBC,EAAY,MAAM;AACtC,IAAAL,EAASE,GAAIJ,CAAM;AAAA,EAClB,GAAA,CAACE,GAAUE,GAAIJ,CAAM,CAAC,GAEnBQ,IAAqBP,IAAW,gBAAgB,SAChDQ,IAAoBR,IAAW,aAAa,OAC5CS,IAAcP,MAAU;AAE9B,2BACGQ,GAAA,EAA2B,SAASL,GAAe,WAAU,4BAC5D,UAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH,IAAcD,IAAoBD;AAAA,MAC7C,QAAQE,IAAc,eAAe;AAAA,MAEpC,UAAAL;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ;"}

package/dist/features/ui/inputs/base-select-input/select-section/select-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-section.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-section/select-section.tsx"],"sourcesContent":["import type { ISectionOption } from '../../../section-list/section-list-types';\nimport type { ISelectOption } from '../base-select-input-types';\nimport type { ISelectSection } from './select-section-types';\nimport type { ReactElement } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport SectionList from '../../../section-list/section-list';\nimport Text from '../../../text/text';\nimport * as Styled from './select-section-styled';\n\nconst SelectSectionComponent = <IDType extends string | number>({\n  sectionOptions,\n  theme,\n  value,\n  onChange,\n}: ISelectSection<IDType>): ReactElement => {\n  const isDarkTheme = theme === 'dark';\n\n  const renderSectionHeader = useCallback(\n    (section: ISectionOption<ISelectOption<IDType>>) => {\n      return (\n        <Styled.SelectOptionHeader $gutterX={1}>\n          <Text $renderAs=\"ac4\" $color={isDarkTheme ? 'WHITE_T_38' : 'BLACK_T_38'}>\n            {section.title}\n          </Text>\n        </Styled.SelectOptionHeader>\n      );\n    },\n    [isDarkTheme],\n  );\n\n  const renderItem = useCallback(\n    (dataItem: ISelectOption<IDType>) => {\n      const { id, label, tag, textDecoration } = dataItem;\n      const selected = id === value;\n      const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n      const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n      const Tag = tag ? (tag as ReactElement) : null;\n\n      return (\n        <Styled.SelectOptionWrapper\n          className=\"base-select-input-option\"\n          onClick={() => onChange(id, dataItem)}\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $flexGapX={0.5}\n        >\n          <Text\n            $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n            $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n            $textDecoration={textDecoration}\n          >\n            {label}\n          </Text>\n\n          {Tag}\n        </Styled.SelectOptionWrapper>\n      );\n    },\n    [value, isDarkTheme, onChange],\n  );\n\n  return (\n    <SectionList<ISelectOption<IDType>>\n      data={sectionOptions}\n      renderSectionHeader={renderSectionHeader}\n      renderItem={renderItem}\n      keyExtractor={({ id }, idx) => `${id}_${idx}`}\n    />\n  );\n};\n\nconst SelectSection = memo(SelectSectionComponent) as <IDType extends string | number>(\n  props: ISelectSection<IDType>,\n) => ReactElement;\n\nexport default SelectSection;\n"],"names":["SelectSectionComponent","sectionOptions","theme","value","onChange","isDarkTheme","renderSectionHeader","useCallback","section","Styled.SelectOptionHeader","jsx","Text","renderItem","dataItem","id","label","tag","textDecoration","selected","jsxs","Styled.SelectOptionWrapper","SectionList","idx","SelectSection","memo"],"mappings":";;;;;AAWA,MAAMA,IAAyB,CAAiC;AAAA,EAC9D,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA4C;AAC1C,QAAMC,IAAcH,MAAU,QAExBI,IAAsBC;AAAA,IAC1B,CAACC,wBAEIC,GAAA,EAA0B,UAAU,GACnC,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAQN,IAAc,eAAe,cACxD,UAAAG,EAAQ,OACX,EACF,CAAA;AAAA,IAGJ,CAACH,CAAW;AAAA,EAAA,GAGRO,IAAaL;AAAA,IACjB,CAACM,MAAoC;AACnC,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,MAAmBJ,GACrCK,IAAWJ,MAAOX;AAMtB,aAAA,gBAAAgB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMhB,EAASU,GAAID,CAAQ;AAAA,UACpC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWN,IAdSa,IAAW,aAAa,QADvBA,IAAW,gBAAgB;AAAA,gBAgBhD,QAAQb,IAAc,eAAe;AAAA,gBACrC,iBAAiBY;AAAA,gBAEhB,UAAAF;AAAA,cAAA;AAAA,YACH;AAAA,YAlBQC,KAA8B;AAAA,UAoBrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACb,GAAOE,GAAaD,CAAQ;AAAA,EAAA;AAI7B,SAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,MAAMpB;AAAA,MACN,qBAAAK;AAAA,MACA,YAAAM;AAAA,MACA,cAAc,CAAC,EAAE,IAAAE,KAAMQ,MAAQ,GAAGR,CAAE,IAAIQ,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjD,GAEMC,IAAgBC,EAAKxB,CAAsB;"}
+{"version":3,"file":"select-section.js","sources":["../../../../../../src/features/ui/inputs/base-select-input/select-section/select-section.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { memo, useCallback } from 'react';\n\nimport SectionList from '../../../section-list/section-list';\nimport type { ISectionOption } from '../../../section-list/section-list-types';\nimport Text from '../../../text/text';\nimport type { ISelectOption } from '../base-select-input-types';\nimport * as Styled from './select-section-styled';\nimport type { ISelectSection } from './select-section-types';\n\nconst SelectSectionComponent = <IDType extends string | number>({\n  sectionOptions,\n  theme,\n  value,\n  onChange,\n}: ISelectSection<IDType>): ReactElement => {\n  const isDarkTheme = theme === 'dark';\n\n  const renderSectionHeader = useCallback(\n    (section: ISectionOption<ISelectOption<IDType>>) => {\n      return (\n        <Styled.SelectOptionHeader $gutterX={1}>\n          <Text $renderAs=\"ac4\" $color={isDarkTheme ? 'WHITE_T_38' : 'BLACK_T_38'}>\n            {section.title}\n          </Text>\n        </Styled.SelectOptionHeader>\n      );\n    },\n    [isDarkTheme],\n  );\n\n  const renderItem = useCallback(\n    (dataItem: ISelectOption<IDType>) => {\n      const { id, label, tag, textDecoration } = dataItem;\n      const selected = id === value;\n      const lightThemeRenderAs = selected ? 'body1Medium' : 'body1';\n      const darkThemeRenderAs = selected ? 'ub2-bold' : 'ub2';\n      const Tag = tag ? (tag as ReactElement) : null;\n\n      return (\n        <Styled.SelectOptionWrapper\n          className=\"base-select-input-option\"\n          onClick={() => onChange(id, dataItem)}\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $flexGapX={0.5}\n        >\n          <Text\n            $renderAs={isDarkTheme ? darkThemeRenderAs : lightThemeRenderAs}\n            $color={isDarkTheme ? 'WHITE_T_87' : 'BLACK'}\n            $textDecoration={textDecoration}\n          >\n            {label}\n          </Text>\n\n          {Tag}\n        </Styled.SelectOptionWrapper>\n      );\n    },\n    [value, isDarkTheme, onChange],\n  );\n\n  return (\n    <SectionList<ISelectOption<IDType>>\n      data={sectionOptions}\n      renderSectionHeader={renderSectionHeader}\n      renderItem={renderItem}\n      keyExtractor={({ id }, idx) => `${id}_${idx}`}\n    />\n  );\n};\n\nconst SelectSection = memo(SelectSectionComponent) as <IDType extends string | number>(\n  props: ISelectSection<IDType>,\n) => ReactElement;\n\nexport default SelectSection;\n"],"names":["SelectSectionComponent","sectionOptions","theme","value","onChange","isDarkTheme","renderSectionHeader","useCallback","section","Styled.SelectOptionHeader","jsx","Text","renderItem","dataItem","id","label","tag","textDecoration","selected","jsxs","Styled.SelectOptionWrapper","SectionList","idx","SelectSection","memo"],"mappings":";;;;;AAUA,MAAMA,IAAyB,CAAiC;AAAA,EAC9D,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAA4C;AAC1C,QAAMC,IAAcH,MAAU,QAExBI,IAAsBC;AAAA,IAC1B,CAACC,wBAEIC,GAAA,EAA0B,UAAU,GACnC,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAQN,IAAc,eAAe,cACxD,UAAAG,EAAQ,OACX,EACF,CAAA;AAAA,IAGJ,CAACH,CAAW;AAAA,EAAA,GAGRO,IAAaL;AAAA,IACjB,CAACM,MAAoC;AACnC,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,MAAmBJ,GACrCK,IAAWJ,MAAOX;AAMtB,aAAA,gBAAAgB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMhB,EAASU,GAAID,CAAQ;AAAA,UACpC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWN,IAdSa,IAAW,aAAa,QADvBA,IAAW,gBAAgB;AAAA,gBAgBhD,QAAQb,IAAc,eAAe;AAAA,gBACrC,iBAAiBY;AAAA,gBAEhB,UAAAF;AAAA,cAAA;AAAA,YACH;AAAA,YAlBQC,KAA8B;AAAA,UAoBrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,IACA,CAACb,GAAOE,GAAaD,CAAQ;AAAA,EAAA;AAI7B,SAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,MAAMpB;AAAA,MACN,qBAAAK;AAAA,MACA,YAAAM;AAAA,MACA,cAAc,CAAC,EAAE,IAAAE,KAAMQ,MAAQ,GAAGR,CAAE,IAAIQ,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjD,GAEMC,IAAgBC,EAAKxB,CAAsB;"}

package/dist/features/ui/inputs/cascading-select-input/cascading-select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascading-select-input.js","sources":["../../../../../src/features/ui/inputs/cascading-select-input/cascading-select-input.tsx"],"sourcesContent":["import type { ICascadingSelectInputProps } from './cascading-select-input-types';\n\nimport React, { useState, useEffect, useMemo } from 'react';\n\nimport FlexView from '../../layout/flex-view';\nimport SelectInput from '../select-input/select-input';\nimport { convertOptionsToSelectFormat } from './cascading-select-helpers';\n\nconst CascadingSelectInput: React.FC<ICascadingSelectInputProps> = ({\n  options,\n  value,\n  onChange,\n  variantPlaceholder,\n  detailPlaceholder,\n}) => {\n  const [selectedVariant, setSelectedVariant] = useState(value.variant);\n  const [selectedDetail, setSelectedDetail] = useState(value.detail);\n\n  useEffect(() => {\n    setSelectedVariant(value.variant);\n    setSelectedDetail(value.detail);\n  }, [value.variant, value.detail]);\n\n  const handleVariantChange = (variant: string) => {\n    setSelectedVariant(variant);\n    setSelectedDetail('');\n    onChange({ variant, detail: '' });\n  };\n\n  const handleDetailChange = (detail: string) => {\n    setSelectedDetail(detail);\n    onChange({ variant: selectedVariant, detail });\n  };\n\n  const variantOptions = useMemo(\n    () => convertOptionsToSelectFormat(Object.keys(options)),\n    [options],\n  );\n  const detailOptions = useMemo(() => {\n    if (selectedVariant && options[selectedVariant]) {\n      return convertOptionsToSelectFormat(options[selectedVariant]!);\n    }\n\n    return [];\n  }, [options, selectedVariant]);\n\n  return (\n    <>\n      <FlexView $marginBottomX={0.5}>\n        <SelectInput\n          renderAs=\"primary\"\n          widthX={24}\n          options={variantOptions}\n          label={variantPlaceholder || 'Select Variant'}\n          value={selectedVariant}\n          onChange={handleVariantChange}\n        />\n      </FlexView>\n      {selectedVariant && (\n        <FlexView $marginBottomX={0.5}>\n          <SelectInput\n            renderAs=\"primary\"\n            options={detailOptions}\n            widthX={24}\n            label={detailPlaceholder || 'Select Detail'}\n            value={selectedDetail}\n            onChange={handleDetailChange}\n          />\n        </FlexView>\n      )}\n    </>\n  );\n};\n\nexport default CascadingSelectInput;\n"],"names":["CascadingSelectInput","options","value","onChange","variantPlaceholder","detailPlaceholder","selectedVariant","setSelectedVariant","useState","selectedDetail","setSelectedDetail","useEffect","handleVariantChange","variant","handleDetailChange","detail","variantOptions","useMemo","convertOptionsToSelectFormat","detailOptions","jsxs","Fragment","jsx","FlexView","SelectInput","CascadingSelectInput$1"],"mappings":";;;;;AAQA,MAAMA,IAA6D,CAAC;AAAA,EAClE,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAASN,EAAM,OAAO,GAC9D,CAACO,GAAgBC,CAAiB,IAAIF,EAASN,EAAM,MAAM;AAEjE,EAAAS,EAAU,MAAM;AACd,IAAAJ,EAAmBL,EAAM,OAAO,GAChCQ,EAAkBR,EAAM,MAAM;AAAA,KAC7B,CAACA,EAAM,SAASA,EAAM,MAAM,CAAC;AAE1B,QAAAU,IAAsB,CAACC,MAAoB;AAC/C,IAAAN,EAAmBM,CAAO,GAC1BH,EAAkB,EAAE,GACpBP,EAAS,EAAE,SAAAU,GAAS,QAAQ,GAAI,CAAA;AAAA,EAAA,GAG5BC,IAAqB,CAACC,MAAmB;AAC7C,IAAAL,EAAkBK,CAAM,GACxBZ,EAAS,EAAE,SAASG,GAAiB,QAAAS,EAAQ,CAAA;AAAA,EAAA,GAGzCC,IAAiBC;AAAA,IACrB,MAAMC,EAA6B,OAAO,KAAKjB,CAAO,CAAC;AAAA,IACvD,CAACA,CAAO;AAAA,EAAA,GAEJkB,IAAgBF,EAAQ,MACxBX,KAAmBL,EAAQK,CAAe,IACrCY,EAA6BjB,EAAQK,CAAe,CAAE,IAGxD,IACN,CAACL,GAASK,CAAe,CAAC;AAE7B,SAEI,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,gBAAgB,KACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAASR;AAAA,QACT,OAAOZ,KAAsB;AAAA,QAC7B,OAAOE;AAAA,QACP,UAAUM;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACCN,KACC,gBAAAgB,EAACC,GAAS,EAAA,gBAAgB,KACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,SAASL;AAAA,QACT,QAAQ;AAAA,QACR,OAAOd,KAAqB;AAAA,QAC5B,OAAOI;AAAA,QACP,UAAUK;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAW,IAAezB;"}
+{"version":3,"file":"cascading-select-input.js","sources":["../../../../../src/features/ui/inputs/cascading-select-input/cascading-select-input.tsx"],"sourcesContent":["import { useState, useEffect, useMemo, type FC } from 'react';\n\nimport FlexView from '../../layout/flex-view';\nimport SelectInput from '../select-input/select-input';\nimport { convertOptionsToSelectFormat } from './cascading-select-helpers';\nimport type { ICascadingSelectInputProps } from './cascading-select-input-types';\n\nconst CascadingSelectInput: FC<ICascadingSelectInputProps> = ({\n  options,\n  value,\n  onChange,\n  variantPlaceholder,\n  detailPlaceholder,\n}) => {\n  const [selectedVariant, setSelectedVariant] = useState(value.variant);\n  const [selectedDetail, setSelectedDetail] = useState(value.detail);\n\n  useEffect(() => {\n    setSelectedVariant(value.variant);\n    setSelectedDetail(value.detail);\n  }, [value.variant, value.detail]);\n\n  const handleVariantChange = (variant: string) => {\n    setSelectedVariant(variant);\n    setSelectedDetail('');\n    onChange({ variant, detail: '' });\n  };\n\n  const handleDetailChange = (detail: string) => {\n    setSelectedDetail(detail);\n    onChange({ variant: selectedVariant, detail });\n  };\n\n  const variantOptions = useMemo(\n    () => convertOptionsToSelectFormat(Object.keys(options)),\n    [options],\n  );\n  const detailOptions = useMemo(() => {\n    if (selectedVariant && options[selectedVariant]) {\n      return convertOptionsToSelectFormat(options[selectedVariant]!);\n    }\n\n    return [];\n  }, [options, selectedVariant]);\n\n  return (\n    <>\n      <FlexView $marginBottomX={0.5}>\n        <SelectInput\n          renderAs=\"primary\"\n          widthX={24}\n          options={variantOptions}\n          label={variantPlaceholder || 'Select Variant'}\n          value={selectedVariant}\n          onChange={handleVariantChange}\n        />\n      </FlexView>\n      {selectedVariant && (\n        <FlexView $marginBottomX={0.5}>\n          <SelectInput\n            renderAs=\"primary\"\n            options={detailOptions}\n            widthX={24}\n            label={detailPlaceholder || 'Select Detail'}\n            value={selectedDetail}\n            onChange={handleDetailChange}\n          />\n        </FlexView>\n      )}\n    </>\n  );\n};\n\nexport default CascadingSelectInput;\n"],"names":["CascadingSelectInput","options","value","onChange","variantPlaceholder","detailPlaceholder","selectedVariant","setSelectedVariant","useState","selectedDetail","setSelectedDetail","useEffect","handleVariantChange","variant","handleDetailChange","detail","variantOptions","useMemo","convertOptionsToSelectFormat","detailOptions","jsxs","Fragment","jsx","FlexView","SelectInput","CascadingSelectInput$1"],"mappings":";;;;;AAOA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAASN,EAAM,OAAO,GAC9D,CAACO,GAAgBC,CAAiB,IAAIF,EAASN,EAAM,MAAM;AAEjE,EAAAS,EAAU,MAAM;AACd,IAAAJ,EAAmBL,EAAM,OAAO,GAChCQ,EAAkBR,EAAM,MAAM;AAAA,KAC7B,CAACA,EAAM,SAASA,EAAM,MAAM,CAAC;AAE1B,QAAAU,IAAsB,CAACC,MAAoB;AAC/C,IAAAN,EAAmBM,CAAO,GAC1BH,EAAkB,EAAE,GACpBP,EAAS,EAAE,SAAAU,GAAS,QAAQ,GAAI,CAAA;AAAA,EAAA,GAG5BC,IAAqB,CAACC,MAAmB;AAC7C,IAAAL,EAAkBK,CAAM,GACxBZ,EAAS,EAAE,SAASG,GAAiB,QAAAS,EAAQ,CAAA;AAAA,EAAA,GAGzCC,IAAiBC;AAAA,IACrB,MAAMC,EAA6B,OAAO,KAAKjB,CAAO,CAAC;AAAA,IACvD,CAACA,CAAO;AAAA,EAAA,GAEJkB,IAAgBF,EAAQ,MACxBX,KAAmBL,EAAQK,CAAe,IACrCY,EAA6BjB,EAAQK,CAAe,CAAE,IAGxD,IACN,CAACL,GAASK,CAAe,CAAC;AAE7B,SAEI,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,gBAAgB,KACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAASR;AAAA,QACT,OAAOZ,KAAsB;AAAA,QAC7B,OAAOE;AAAA,QACP,UAAUM;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACCN,KACC,gBAAAgB,EAACC,GAAS,EAAA,gBAAgB,KACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,SAASL;AAAA,QACT,QAAQ;AAAA,QACR,OAAOd,KAAqB;AAAA,QAC5B,OAAOI;AAAA,QACP,UAAUK;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAW,IAAezB;"}

package/dist/features/ui/inputs/checkbox-input/checkbox-input-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-styled.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input-styled.tsx"],"sourcesContent":["import type { TCheckboxSizes, TCheckboxVariants } from '../../types';\n\nimport styled from 'styled-components';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport MinusIcon from '../../../../assets/line-icons/icons/minus';\n\ninterface ICheckboxOptionWrapperProps {\n  $disabled?: boolean;\n  $alignTop?: boolean;\n}\n\nconst CheckboxOptionWrapper = styled.div<ICheckboxOptionWrapperProps>(\n  ({ theme, $disabled, $alignTop }) => {\n    return `\n    display: flex;\n    flex-direction: row;\n    align-items: ${$alignTop ? 'flex-start' : 'center'};\n    gap: ${theme.layout.gutter * 0.3125}px;\n    \n    cursor: ${$disabled ? 'not-allowed' : 'default'};\n\n    & svg {\n      cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    }\n  `;\n  },\n);\n\ninterface ICheckboxInputWrapperProps {\n  $disabled?: boolean;\n}\n\nconst CheckboxInputWrapper = styled.div<ICheckboxInputWrapperProps>(({ $disabled }) => {\n  return `\n  position: relative;\n  cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n`;\n});\n\ninterface ICheckboxOptionSquareWrapperProps {\n  $renderAs?: TCheckboxVariants;\n  $size?: TCheckboxSizes;\n}\n\nconst CheckboxInput = styled.input<ICheckboxOptionSquareWrapperProps>(\n  ({ theme, $renderAs, $size }) => {\n    const { variants, sizes } = theme.checkbox;\n    const { size } = sizes[$size ?? 'regular'];\n    const { backgroundColorName, borderColorName } = variants[$renderAs ?? 'black'];\n\n    return `\n    display: block;\n    position: relative;\n    width: ${size}px;\n    height: ${size}px;\n    background-color: ${theme.colors[backgroundColorName.inactive]};\n    border: 2px solid ${theme.colors[borderColorName.inactive]};\n    appearance: none;\n    outline: none;\n    cursor: pointer;\n    \n    &:checked {\n      background-color: ${theme.colors[backgroundColorName.active]};\n      border: 2px solid ${theme.colors[borderColorName.active]};\n    }\n    \n    &:disabled {\n      opacity: 0.4;\n      cursor: not-allowed;\n    }\n\n    `;\n  },\n);\n\ninterface ICheckIconProps {\n  $renderAs?: TCheckboxVariants;\n  $size?: TCheckboxSizes;\n}\n\nconst CheckIcon = styled(Check2Icon)<ICheckIconProps>(({ theme, $renderAs, $size }) => {\n  const { variants, sizes } = theme.checkbox;\n  const { size } = sizes[$size ?? 'regular'];\n  const { checkColorName } = variants[$renderAs ?? 'black'];\n\n  return `\n    display: block;\n    position: absolute;\n    inset: 52% 0 0 51%;\n    transform: translate(-50%, -50%);\n    width: ${size}px;\n    height: ${size}px;\n    \n    path {\n      stroke: ${theme.colors[checkColorName]};\n      fill: ${theme.colors[checkColorName]};\n    }\n  `;\n});\n\ninterface IIndeterminateIconProps {\n  $size?: number;\n  $disabled?: boolean;\n}\n\nconst IndeterminateIcon = styled(MinusIcon)<IIndeterminateIconProps>(({ $size, $disabled }) => {\n  return `\n    display: block;\n    position: absolute;\n    inset: 50% 0 0 51%;\n    transform: translate(-50%, -50%);\n    width: ${$size}px;\n    height: ${$size}px;\n  \n    opacity: ${$disabled ? 0.4 : 1};\n  `;\n});\n\ninterface ICheckboxLabelWrapperProps {\n  $visible: boolean;\n  $disabled?: boolean;\n  $labelWidthX?: number;\n  $checked: boolean;\n  $renderAs?: TCheckboxVariants;\n}\n\nconst CheckboxLabelWrapper = styled.div<ICheckboxLabelWrapperProps>(\n  ({ theme, $visible, $disabled, $checked, $labelWidthX }) => {\n    return `\n    ${$labelWidthX ? `width: ${$labelWidthX * theme.layout.gutter}px;` : ``};\n    position: relative;\n    opacity: ${$visible ? 1 : 0};\n    cursor: ${$visible && !$disabled ? 'pointer' : 'not-allowed'};\n    transition: opacity 0.2s ease-in-out;\n    ${$checked ? `font-weight: bold` : ''};\n    ${$disabled ? `opacity: 0.4` : ''};\n  `;\n  },\n);\n\nexport {\n  CheckboxOptionWrapper,\n  CheckboxInputWrapper,\n  CheckboxInput,\n  CheckIcon,\n  IndeterminateIcon,\n  CheckboxLabelWrapper,\n};\n"],"names":["CheckboxOptionWrapper","styled","theme","$disabled","$alignTop","CheckboxInputWrapper","CheckboxInput","$renderAs","$size","variants","sizes","size","backgroundColorName","borderColorName","CheckIcon","Check2Icon","checkColorName","IndeterminateIcon","MinusIcon","CheckboxLabelWrapper","$visible","$checked","$labelWidthX"],"mappings":";;;AAYA,MAAMA,IAAwBC,EAAO;AAAA,EACnC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,WAAAC,QACZ;AAAA;AAAA;AAAA,mBAGQA,IAAY,eAAe,QAAQ;AAAA,WAC3CF,EAAM,OAAO,SAAS,MAAM;AAAA;AAAA,cAEzBC,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,gBAGnCA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAIrD,GAMME,IAAuBJ,EAAO,IAAgC,CAAC,EAAE,WAAAE,QAC9D;AAAA;AAAA,YAEGA,IAAY,gBAAgB,SAAS;AAAA,CAEhD,GAOKG,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,WAAAK,GAAW,OAAAC,QAAY;AAC/B,UAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUR,EAAM,UAC5B,EAAE,MAAAS,EAAS,IAAAD,EAAMF,KAAS,SAAS,GACnC,EAAE,qBAAAI,GAAqB,iBAAAC,EAAA,IAAoBJ,EAASF,KAAa,OAAO;AAEvE,WAAA;AAAA;AAAA;AAAA,aAGEI,CAAI;AAAA,cACHA,CAAI;AAAA,wBACMT,EAAM,OAAOU,EAAoB,QAAQ,CAAC;AAAA,wBAC1CV,EAAM,OAAOW,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMpCX,EAAM,OAAOU,EAAoB,MAAM,CAAC;AAAA,0BACxCV,EAAM,OAAOW,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5D;AACF,GAOMC,IAAYb,EAAOc,CAAU,EAAmB,CAAC,EAAE,OAAAb,GAAO,WAAAK,GAAW,OAAAC,QAAY;AACrF,QAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUR,EAAM,UAC5B,EAAE,MAAAS,EAAS,IAAAD,EAAMF,KAAS,SAAS,GACnC,EAAE,gBAAAQ,EAAmB,IAAAP,EAASF,KAAa,OAAO;AAEjD,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKII,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA,gBAGFT,EAAM,OAAOc,CAAc,CAAC;AAAA,cAC9Bd,EAAM,OAAOc,CAAc,CAAC;AAAA;AAAA;AAG1C,CAAC,GAOKC,IAAoBhB,EAAOiB,CAAS,EAA2B,CAAC,EAAE,OAAAV,GAAO,WAAAL,QACtE;AAAA;AAAA;AAAA;AAAA;AAAA,aAKIK,CAAK;AAAA,cACJA,CAAK;AAAA;AAAA,eAEJL,IAAY,MAAM,CAAC;AAAA,GAEjC,GAUKgB,IAAuBlB,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,UAAAkB,GAAU,WAAAjB,GAAW,UAAAkB,GAAU,cAAAC,QAChC;AAAA,MACLA,IAAe,UAAUA,IAAepB,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA;AAAA,eAE5DkB,IAAW,IAAI,CAAC;AAAA,cACjBA,KAAY,CAACjB,IAAY,YAAY,aAAa;AAAA;AAAA,MAE1DkB,IAAW,sBAAsB,EAAE;AAAA,MACnClB,IAAY,iBAAiB,EAAE;AAAA;AAGrC;"}
+{"version":3,"file":"checkbox-input-styled.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport MinusIcon from '../../../../assets/line-icons/icons/minus';\nimport type { TCheckboxSizes, TCheckboxVariants } from '../../types';\n\ninterface ICheckboxOptionWrapperProps {\n  $disabled?: boolean;\n  $alignTop?: boolean;\n}\n\nconst CheckboxOptionWrapper = styled.div<ICheckboxOptionWrapperProps>(\n  ({ theme, $disabled, $alignTop }) => {\n    return `\n    display: flex;\n    flex-direction: row;\n    align-items: ${$alignTop ? 'flex-start' : 'center'};\n    gap: ${theme.layout.gutter * 0.3125}px;\n    \n    cursor: ${$disabled ? 'not-allowed' : 'default'};\n\n    & svg {\n      cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    }\n  `;\n  },\n);\n\ninterface ICheckboxInputWrapperProps {\n  $disabled?: boolean;\n}\n\nconst CheckboxInputWrapper = styled.div<ICheckboxInputWrapperProps>(({ $disabled }) => {\n  return `\n  position: relative;\n  cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n`;\n});\n\ninterface ICheckboxOptionSquareWrapperProps {\n  $renderAs?: TCheckboxVariants;\n  $size?: TCheckboxSizes;\n}\n\nconst CheckboxInput = styled.input<ICheckboxOptionSquareWrapperProps>(\n  ({ theme, $renderAs, $size }) => {\n    const { variants, sizes } = theme.checkbox;\n    const { size } = sizes[$size ?? 'regular'];\n    const { backgroundColorName, borderColorName } = variants[$renderAs ?? 'black'];\n\n    return `\n    display: block;\n    position: relative;\n    width: ${size}px;\n    height: ${size}px;\n    background-color: ${theme.colors[backgroundColorName.inactive]};\n    border: 2px solid ${theme.colors[borderColorName.inactive]};\n    appearance: none;\n    outline: none;\n    cursor: pointer;\n    \n    &:checked {\n      background-color: ${theme.colors[backgroundColorName.active]};\n      border: 2px solid ${theme.colors[borderColorName.active]};\n    }\n    \n    &:disabled {\n      opacity: 0.4;\n      cursor: not-allowed;\n    }\n\n    `;\n  },\n);\n\ninterface ICheckIconProps {\n  $renderAs?: TCheckboxVariants;\n  $size?: TCheckboxSizes;\n}\n\nconst CheckIcon = styled(Check2Icon)<ICheckIconProps>(({ theme, $renderAs, $size }) => {\n  const { variants, sizes } = theme.checkbox;\n  const { size } = sizes[$size ?? 'regular'];\n  const { checkColorName } = variants[$renderAs ?? 'black'];\n\n  return `\n    display: block;\n    position: absolute;\n    inset: 52% 0 0 51%;\n    transform: translate(-50%, -50%);\n    width: ${size}px;\n    height: ${size}px;\n    \n    path {\n      stroke: ${theme.colors[checkColorName]};\n      fill: ${theme.colors[checkColorName]};\n    }\n  `;\n});\n\ninterface IIndeterminateIconProps {\n  $size?: number;\n  $disabled?: boolean;\n}\n\nconst IndeterminateIcon = styled(MinusIcon)<IIndeterminateIconProps>(({ $size, $disabled }) => {\n  return `\n    display: block;\n    position: absolute;\n    inset: 50% 0 0 51%;\n    transform: translate(-50%, -50%);\n    width: ${$size}px;\n    height: ${$size}px;\n  \n    opacity: ${$disabled ? 0.4 : 1};\n  `;\n});\n\ninterface ICheckboxLabelWrapperProps {\n  $visible: boolean;\n  $disabled?: boolean;\n  $labelWidthX?: number;\n  $checked: boolean;\n  $renderAs?: TCheckboxVariants;\n}\n\nconst CheckboxLabelWrapper = styled.div<ICheckboxLabelWrapperProps>(\n  ({ theme, $visible, $disabled, $checked, $labelWidthX }) => {\n    return `\n    ${$labelWidthX ? `width: ${$labelWidthX * theme.layout.gutter}px;` : ``};\n    position: relative;\n    opacity: ${$visible ? 1 : 0};\n    cursor: ${$visible && !$disabled ? 'pointer' : 'not-allowed'};\n    transition: opacity 0.2s ease-in-out;\n    ${$checked ? `font-weight: bold` : ''};\n    ${$disabled ? `opacity: 0.4` : ''};\n  `;\n  },\n);\n\nexport {\n  CheckboxOptionWrapper,\n  CheckboxInputWrapper,\n  CheckboxInput,\n  CheckIcon,\n  IndeterminateIcon,\n  CheckboxLabelWrapper,\n};\n"],"names":["CheckboxOptionWrapper","styled","theme","$disabled","$alignTop","CheckboxInputWrapper","CheckboxInput","$renderAs","$size","variants","sizes","size","backgroundColorName","borderColorName","CheckIcon","Check2Icon","checkColorName","IndeterminateIcon","MinusIcon","CheckboxLabelWrapper","$visible","$checked","$labelWidthX"],"mappings":";;;AAWA,MAAMA,IAAwBC,EAAO;AAAA,EACnC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,WAAAC,QACZ;AAAA;AAAA;AAAA,mBAGQA,IAAY,eAAe,QAAQ;AAAA,WAC3CF,EAAM,OAAO,SAAS,MAAM;AAAA;AAAA,cAEzBC,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,gBAGnCA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAIrD,GAMME,IAAuBJ,EAAO,IAAgC,CAAC,EAAE,WAAAE,QAC9D;AAAA;AAAA,YAEGA,IAAY,gBAAgB,SAAS;AAAA,CAEhD,GAOKG,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,WAAAK,GAAW,OAAAC,QAAY;AAC/B,UAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUR,EAAM,UAC5B,EAAE,MAAAS,EAAS,IAAAD,EAAMF,KAAS,SAAS,GACnC,EAAE,qBAAAI,GAAqB,iBAAAC,EAAA,IAAoBJ,EAASF,KAAa,OAAO;AAEvE,WAAA;AAAA;AAAA;AAAA,aAGEI,CAAI;AAAA,cACHA,CAAI;AAAA,wBACMT,EAAM,OAAOU,EAAoB,QAAQ,CAAC;AAAA,wBAC1CV,EAAM,OAAOW,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMpCX,EAAM,OAAOU,EAAoB,MAAM,CAAC;AAAA,0BACxCV,EAAM,OAAOW,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5D;AACF,GAOMC,IAAYb,EAAOc,CAAU,EAAmB,CAAC,EAAE,OAAAb,GAAO,WAAAK,GAAW,OAAAC,QAAY;AACrF,QAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUR,EAAM,UAC5B,EAAE,MAAAS,EAAS,IAAAD,EAAMF,KAAS,SAAS,GACnC,EAAE,gBAAAQ,EAAmB,IAAAP,EAASF,KAAa,OAAO;AAEjD,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKII,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA,gBAGFT,EAAM,OAAOc,CAAc,CAAC;AAAA,cAC9Bd,EAAM,OAAOc,CAAc,CAAC;AAAA;AAAA;AAG1C,CAAC,GAOKC,IAAoBhB,EAAOiB,CAAS,EAA2B,CAAC,EAAE,OAAAV,GAAO,WAAAL,QACtE;AAAA;AAAA;AAAA;AAAA;AAAA,aAKIK,CAAK;AAAA,cACJA,CAAK;AAAA;AAAA,eAEJL,IAAY,MAAM,CAAC;AAAA,GAEjC,GAUKgB,IAAuBlB,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,UAAAkB,GAAU,WAAAjB,GAAW,UAAAkB,GAAU,cAAAC,QAChC;AAAA,MACLA,IAAe,UAAUA,IAAepB,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA;AAAA,eAE5DkB,IAAW,IAAI,CAAC;AAAA,cACjBA,KAAY,CAACjB,IAAY,YAAY,aAAa;AAAA;AAAA,MAE1DkB,IAAW,sBAAsB,EAAE;AAAA,MACnClB,IAAY,iBAAiB,EAAE;AAAA;AAGrC;"}

package/dist/features/ui/inputs/checkbox-input/checkbox-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import type { ICheckboxOptionProps } from './checkbox-input-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxOption"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}
+{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/features/ui/inputs/checkbox-input/checkbox-input.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../text/text';\nimport * as Styled from './checkbox-input-styled';\nimport type { ICheckboxOptionProps } from './checkbox-input-types';\n\nconst CheckboxInput = <IDType extends string | number>(props: ICheckboxOptionProps<IDType>) => {\n  const {\n    size,\n    label,\n    value,\n    checked,\n    disabled,\n    renderAs,\n    labelWidthX,\n    indeterminate,\n    visibleOnCheck,\n    alignTopWithLabel = false,\n    onChange,\n  } = props;\n\n  const {\n    layout: { gutter },\n    checkbox,\n  } = useTheme();\n\n  const { textVariant } = checkbox.sizes[size ?? 'regular'];\n  const { textColorName } = checkbox.variants[renderAs ?? 'black'];\n\n  const renderLabel = visibleOnCheck ? checked : true;\n  const renderIndeterminateState = !checked && indeterminate;\n\n  const handleOnChange = useCallback(() => {\n    if (disabled) return null;\n\n    onChange(value, !checked);\n  }, [checked, disabled, onChange, value]);\n\n  return (\n    <Styled.CheckboxOptionWrapper $alignTop={alignTopWithLabel} $disabled={disabled}>\n      <Styled.CheckboxInputWrapper onClick={handleOnChange} $disabled={disabled}>\n        <Styled.CheckboxInput\n          type=\"checkbox\"\n          checked={checked}\n          disabled={!!disabled}\n          onChange={() => null}\n          $renderAs={renderAs}\n          $size={size}\n        />\n        {checked && <Styled.CheckIcon $renderAs={renderAs} $size={size} />}\n\n        {renderIndeterminateState && (\n          <Styled.IndeterminateIcon $disabled={disabled} $size={gutter * 1.125} />\n        )}\n      </Styled.CheckboxInputWrapper>\n\n      <Styled.CheckboxLabelWrapper\n        $labelWidthX={labelWidthX}\n        $visible={renderLabel}\n        onClick={renderLabel ? handleOnChange : () => null}\n        $disabled={disabled}\n        $checked={checked}\n      >\n        {typeof label === 'string' ? (\n          <Text\n            $renderAs={textVariant[checked ? 'active' : 'inactive']}\n            $color={textColorName[checked ? 'active' : 'inactive']}\n          >\n            {label}\n          </Text>\n        ) : (\n          label\n        )}\n      </Styled.CheckboxLabelWrapper>\n    </Styled.CheckboxOptionWrapper>\n  );\n};\n\nexport default CheckboxInput;\n"],"names":["CheckboxInput","props","size","label","value","checked","disabled","renderAs","labelWidthX","indeterminate","visibleOnCheck","alignTopWithLabel","onChange","gutter","checkbox","useTheme","textVariant","textColorName","renderLabel","renderIndeterminateState","handleOnChange","useCallback","Styled.CheckboxOptionWrapper","jsxs","Styled.CheckboxInputWrapper","jsx","Styled.CheckboxInput","Styled.CheckIcon","Styled.IndeterminateIcon","Styled.CheckboxLabelWrapper","Text","CheckboxOption"],"mappings":";;;;;AAOA,MAAMA,IAAgB,CAAiCC,MAAwC;AACvF,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,QAAQ,EAAE,QAAAY,EAAO;AAAA,IACjB,UAAAC;AAAA,MACEC,EAAS,GAEP,EAAE,aAAAC,EAAY,IAAIF,EAAS,MAAMZ,KAAQ,SAAS,GAClD,EAAE,eAAAe,EAAc,IAAIH,EAAS,SAASP,KAAY,OAAO,GAEzDW,IAAcR,IAAiBL,IAAU,IACzCc,IAA2B,CAACd,KAAWI,GAEvCW,IAAiBC,EAAY,MAAM;AACvC,QAAIf,EAAiB,QAAA;AAEZ,IAAAM,EAAAR,GAAO,CAACC,CAAO;AAAA,KACvB,CAACA,GAASC,GAAUM,GAAUR,CAAK,CAAC;AAEvC,2BACGkB,GAAA,EAA6B,WAAWX,GAAmB,WAAWL,GACrE,UAAA;AAAA,IAAA,gBAAAiB,EAACC,GAAA,EAA4B,SAASJ,GAAgB,WAAWd,GAC/D,UAAA;AAAA,MAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAArB;AAAA,UACA,UAAU,CAAC,CAACC;AAAA,UACZ,UAAU,MAAM;AAAA,UAChB,WAAWC;AAAA,UACX,OAAOL;AAAA,QAAA;AAAA,MACT;AAAA,MACCG,uBAAYsB,GAAA,EAAiB,WAAWpB,GAAU,OAAOL,GAAM;AAAA,MAE/DiB,uBACES,GAAA,EAAyB,WAAWtB,GAAU,OAAOO,IAAS,OAAO;AAAA,IAAA,GAE1E;AAAA,IAEA,gBAAAY;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,cAAcrB;AAAA,QACd,UAAUU;AAAA,QACV,SAASA,IAAcE,IAAiB,MAAM;AAAA,QAC9C,WAAWd;AAAA,QACX,UAAUD;AAAA,QAET,UAAA,OAAOF,KAAU,WAChB,gBAAAsB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWd,EAAYX,IAAU,WAAW,UAAU;AAAA,YACtD,QAAQY,EAAcZ,IAAU,WAAW,UAAU;AAAA,YAEpD,UAAAF;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEA4B,IAAe/B;"}

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../layout/flex-view';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    optionFlexGap,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGap={optionFlexGap} $flexWrap>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","optionFlexGap","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","jsx","FlexView","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;;AASA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKR,EAAM,UAAUQ;AAAA,IACrE,CAACA,GAAkBR,EAAM,MAAM;AAAA,EAAA,GAG3BY,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGT,GAAOc,CAAa,CAAC,IALpCL,EAAST,EAAM,OAAO,CAAOgB,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBV,CAAK;AAAA,EAAA;AAIpD,SAAA,gBAAAiB,EAACC,GAAS,EAAA,gBAAe,OAAM,UAAUb,GAAe,WAAS,IAC9D,UAAQJ,EAAA,IAAI,CAAUkB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUtB,EAAM,SAASoB,CAAE,GAC3BG,IAAcb,KAAoB,CAACY,GACnCE,KAAetB,KAAA,gBAAAA,EAAU,SAASkB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAarB,KAAc,GAChE,UAAA,gBAAAa;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACe;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAN;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAOP;AAAA,YACP,MAAArB;AAAA,YACA,OAAAsB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAnB;AAAA,YACA,UAAUqB;AAAA,YACV,UAAUZ;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+Ba,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAQ,IAAe/B;"}
+{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../layout/flex-view';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\nimport type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    optionFlexGap,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGap={optionFlexGap} $flexWrap>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","optionFlexGap","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","jsx","FlexView","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKR,EAAM,UAAUQ;AAAA,IACrE,CAACA,GAAkBR,EAAM,MAAM;AAAA,EAAA,GAG3BY,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGT,GAAOc,CAAa,CAAC,IALpCL,EAAST,EAAM,OAAO,CAAOgB,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBV,CAAK;AAAA,EAAA;AAIpD,SAAA,gBAAAiB,EAACC,GAAS,EAAA,gBAAe,OAAM,UAAUb,GAAe,WAAS,IAC9D,UAAQJ,EAAA,IAAI,CAAUkB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUtB,EAAM,SAASoB,CAAE,GAC3BG,IAAcb,KAAoB,CAACY,GACnCE,KAAetB,KAAA,gBAAAA,EAAU,SAASkB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAarB,KAAc,GAChE,UAAA,gBAAAa;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACe;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAN;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAOP;AAAA,YACP,MAAArB;AAAA,YACA,OAAAsB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAnB;AAAA,YACA,UAAUqB;AAAA,YACV,UAAUZ;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+Ba,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAQ,IAAe/B;"}

package/dist/features/ui/inputs/google-places-search-input/google-places-search-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-places-search-input.js","sources":["../../../../../src/features/ui/inputs/google-places-search-input/google-places-search-input.tsx"],"sourcesContent":["import type { ISelectOption } from '../base-select-input/base-select-input-types';\nimport type {\n  IGooglePlaceOption,\n  IGooglePlacesSearchInputProps,\n} from './google-places-search-input-types';\nimport type { ReactElement } from 'react';\n\nimport { GoogleApiWrapper } from 'google-maps-react';\nimport { useCallback } from 'react';\n\nimport SearchableSelectInput from '../searchable-select-input/searchable-select-input';\n\n/**\n * TODO:SG\n * - API key should be passed in from the outside\n * - prediction types should be passed in from the outside\n * - debounce the search\n * - cancel outstanding requests when the component unmounts or the search text changes\n * - move the geocoding to the outside\n */\n\nconst GooglePlacesSearchInputComponent = (props: IGooglePlacesSearchInputProps): ReactElement => {\n  const { google, onChange } = props;\n\n  const options = useCallback(\n    (searchText: string) => {\n      return new Promise<IGooglePlaceOption[]>(resolve => {\n        const service = new google.maps.places.AutocompleteService();\n\n        if (!searchText) {\n          resolve([]);\n        } else {\n          //TODO:SG Change this to promise\n          service.getPlacePredictions(\n            {\n              input: searchText,\n              types: ['primary_school', 'school', 'secondary_school', 'university'],\n            },\n            (predictions, status) => {\n              if (status !== google.maps.places.PlacesServiceStatus.OK) {\n                // TODO:SG Log error\n                resolve([]);\n              } else {\n                if (predictions) {\n                  resolve(\n                    predictions.map(prediction => ({\n                      ...prediction,\n                      id: prediction.place_id,\n                      label: prediction.description,\n                    })),\n                  );\n                }\n\n                resolve([]);\n              }\n            },\n          );\n        }\n      });\n    },\n    [google.maps.places.AutocompleteService, google.maps.places.PlacesServiceStatus.OK],\n  );\n\n  const handleChange = useCallback(\n    (value: string, option: ISelectOption<string>) => {\n      const place = option as IGooglePlaceOption;\n      const service = new google.maps.Geocoder();\n\n      service.geocode({ placeId: value }, results => {\n        if (results) {\n          onChange(value, {\n            ...place,\n            gmaps: results[0],\n          });\n        } else {\n          // TODO:SG Log error\n        }\n      });\n\n      onChange(value, place);\n    },\n    [google.maps.Geocoder, onChange],\n  );\n\n  return <SearchableSelectInput<string> {...props} options={options} onChange={handleChange} />;\n};\n\nconst GooglePlacesSearchInput = GoogleApiWrapper({\n  apiKey: 'AIzaSyC0Vv2q68IDrSB78UQsC2wy0Yt3hfgrYmY',\n})(GooglePlacesSearchInputComponent);\n\nexport default GooglePlacesSearchInput;\n"],"names":["GooglePlacesSearchInputComponent","props","google","onChange","options","useCallback","searchText","resolve","service","predictions","status","prediction","handleChange","value","option","place","results","SearchableSelectInput","GooglePlacesSearchInput","GoogleApiWrapper","GooglePlacesSearchInput$1"],"mappings":";;;;AAqBA,MAAMA,IAAmC,CAACC,MAAuD;AACzF,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF,GAEvBG,IAAUC;AAAA,IACd,CAACC,MACQ,IAAI,QAA8B,CAAWC,MAAA;AAClD,YAAMC,IAAU,IAAIN,EAAO,KAAK,OAAO,oBAAoB;AAE3D,MAAKI,IAIKE,EAAA;AAAA,QACN;AAAA,UACE,OAAOF;AAAA,UACP,OAAO,CAAC,kBAAkB,UAAU,oBAAoB,YAAY;AAAA,QACtE;AAAA,QACA,CAACG,GAAaC,MAAW;AACvB,UAAIA,MAAWR,EAAO,KAAK,OAAO,oBAAoB,KAEpDK,EAAQ,CAAE,CAAA,KAENE,KACFF;AAAA,YACEE,EAAY,IAAI,CAAeE,OAAA;AAAA,cAC7B,GAAGA;AAAA,cACH,IAAIA,EAAW;AAAA,cACf,OAAOA,EAAW;AAAA,YAAA,EAClB;AAAA,UAAA,GAINJ,EAAQ,CAAE,CAAA;AAAA,QAEd;AAAA,MAAA,IAzBFA,EAAQ,CAAE,CAAA;AAAA,IA2BZ,CACD;AAAA,IAEH,CAACL,EAAO,KAAK,OAAO,qBAAqBA,EAAO,KAAK,OAAO,oBAAoB,EAAE;AAAA,EAAA,GAG9EU,IAAeP;AAAA,IACnB,CAACQ,GAAeC,MAAkC;AAChD,YAAMC,IAAQD;AAGd,MAFgB,IAAIZ,EAAO,KAAK,SAAS,EAEjC,QAAQ,EAAE,SAASW,KAAS,CAAWG,MAAA;AAC7C,QAAIA,KACFb,EAASU,GAAO;AAAA,UACd,GAAGE;AAAA,UACH,OAAOC,EAAQ,CAAC;AAAA,QAAA,CACjB;AAAA,MAGH,CACD,GAEDb,EAASU,GAAOE,CAAK;AAAA,IACvB;AAAA,IACA,CAACb,EAAO,KAAK,UAAUC,CAAQ;AAAA,EAAA;AAGjC,2BAAQc,GAA+B,EAAA,GAAGhB,GAAO,SAAAG,GAAkB,UAAUQ,EAAc,CAAA;AAC7F,GAEMM,IAA0BC,EAAiB;AAAA,EAC/C,QAAQ;AACV,CAAC,EAAEnB,CAAgC,GAEnCoB,IAAeF;"}
+{"version":3,"file":"google-places-search-input.js","sources":["../../../../../src/features/ui/inputs/google-places-search-input/google-places-search-input.tsx"],"sourcesContent":["import { GoogleApiWrapper } from 'google-maps-react';\nimport type { ReactElement } from 'react';\nimport { useCallback } from 'react';\n\nimport type { ISelectOption } from '../base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../searchable-select-input/searchable-select-input';\nimport type {\n  IGooglePlaceOption,\n  IGooglePlacesSearchInputProps,\n} from './google-places-search-input-types';\n\n/**\n * TODO:SG\n * - API key should be passed in from the outside\n * - prediction types should be passed in from the outside\n * - debounce the search\n * - cancel outstanding requests when the component unmounts or the search text changes\n * - move the geocoding to the outside\n */\n\nconst GooglePlacesSearchInputComponent = (props: IGooglePlacesSearchInputProps): ReactElement => {\n  const { google, onChange } = props;\n\n  const options = useCallback(\n    (searchText: string) => {\n      return new Promise<IGooglePlaceOption[]>(resolve => {\n        const service = new google.maps.places.AutocompleteService();\n\n        if (!searchText) {\n          resolve([]);\n        } else {\n          //TODO:SG Change this to promise\n          service.getPlacePredictions(\n            {\n              input: searchText,\n              types: ['primary_school', 'school', 'secondary_school', 'university'],\n            },\n            (predictions, status) => {\n              if (status !== google.maps.places.PlacesServiceStatus.OK) {\n                // TODO:SG Log error\n                resolve([]);\n              } else {\n                if (predictions) {\n                  resolve(\n                    predictions.map(prediction => ({\n                      ...prediction,\n                      id: prediction.place_id,\n                      label: prediction.description,\n                    })),\n                  );\n                }\n\n                resolve([]);\n              }\n            },\n          );\n        }\n      });\n    },\n    [google.maps.places.AutocompleteService, google.maps.places.PlacesServiceStatus.OK],\n  );\n\n  const handleChange = useCallback(\n    (value: string, option: ISelectOption<string>) => {\n      const place = option as IGooglePlaceOption;\n      const service = new google.maps.Geocoder();\n\n      service.geocode({ placeId: value }, results => {\n        if (results) {\n          onChange(value, {\n            ...place,\n            gmaps: results[0],\n          });\n        } else {\n          // TODO:SG Log error\n        }\n      });\n\n      onChange(value, place);\n    },\n    [google.maps.Geocoder, onChange],\n  );\n\n  return <SearchableSelectInput<string> {...props} options={options} onChange={handleChange} />;\n};\n\nconst GooglePlacesSearchInput = GoogleApiWrapper({\n  apiKey: 'AIzaSyC0Vv2q68IDrSB78UQsC2wy0Yt3hfgrYmY',\n})(GooglePlacesSearchInputComponent);\n\nexport default GooglePlacesSearchInput;\n"],"names":["GooglePlacesSearchInputComponent","props","google","onChange","options","useCallback","searchText","resolve","service","predictions","status","prediction","handleChange","value","option","place","results","SearchableSelectInput","GooglePlacesSearchInput","GoogleApiWrapper","GooglePlacesSearchInput$1"],"mappings":";;;;AAoBA,MAAMA,IAAmC,CAACC,MAAuD;AACzF,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF,GAEvBG,IAAUC;AAAA,IACd,CAACC,MACQ,IAAI,QAA8B,CAAWC,MAAA;AAClD,YAAMC,IAAU,IAAIN,EAAO,KAAK,OAAO,oBAAoB;AAE3D,MAAKI,IAIKE,EAAA;AAAA,QACN;AAAA,UACE,OAAOF;AAAA,UACP,OAAO,CAAC,kBAAkB,UAAU,oBAAoB,YAAY;AAAA,QACtE;AAAA,QACA,CAACG,GAAaC,MAAW;AACvB,UAAIA,MAAWR,EAAO,KAAK,OAAO,oBAAoB,KAEpDK,EAAQ,CAAE,CAAA,KAENE,KACFF;AAAA,YACEE,EAAY,IAAI,CAAeE,OAAA;AAAA,cAC7B,GAAGA;AAAA,cACH,IAAIA,EAAW;AAAA,cACf,OAAOA,EAAW;AAAA,YAAA,EAClB;AAAA,UAAA,GAINJ,EAAQ,CAAE,CAAA;AAAA,QAEd;AAAA,MAAA,IAzBFA,EAAQ,CAAE,CAAA;AAAA,IA2BZ,CACD;AAAA,IAEH,CAACL,EAAO,KAAK,OAAO,qBAAqBA,EAAO,KAAK,OAAO,oBAAoB,EAAE;AAAA,EAAA,GAG9EU,IAAeP;AAAA,IACnB,CAACQ,GAAeC,MAAkC;AAChD,YAAMC,IAAQD;AAGd,MAFgB,IAAIZ,EAAO,KAAK,SAAS,EAEjC,QAAQ,EAAE,SAASW,KAAS,CAAWG,MAAA;AAC7C,QAAIA,KACFb,EAASU,GAAO;AAAA,UACd,GAAGE;AAAA,UACH,OAAOC,EAAQ,CAAC;AAAA,QAAA,CACjB;AAAA,MAGH,CACD,GAEDb,EAASU,GAAOE,CAAK;AAAA,IACvB;AAAA,IACA,CAACb,EAAO,KAAK,UAAUC,CAAQ;AAAA,EAAA;AAGjC,2BAAQc,GAA+B,EAAA,GAAGhB,GAAO,SAAAG,GAAkB,UAAUQ,EAAc,CAAA;AAC7F,GAEMM,IAA0BC,EAAiB;AAAA,EAC/C,QAAQ;AACV,CAAC,EAAEnB,CAAgC,GAEnCoB,IAAeF;"}

package/dist/features/ui/inputs/num-range-input/num-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"num-range-input.js","sources":["../../../../../src/features/ui/inputs/num-range-input/num-range-input.tsx"],"sourcesContent":["import type { NumRangeInputProps } from './num-range-input-types';\n\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport { normalizeInputValue } from '../percentile-input/percentile-input-helpers';\nimport TextInput from '../text-input/text-input';\nimport { isValueInRange } from './num-range-helpers';\n\n//TODO: Extract shared normalization logic to a base component - BaseNumericInput\n\nconst NumRangeInput: React.FC<NumRangeInputProps> = ({\n  onChange,\n  value,\n  middleMin,\n  middleMax,\n  endMin,\n  endMax,\n  middlePlaceholder = '',\n  endPlaceholder = '',\n}) => {\n  const handleMiddleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    // TODO: need to handle validation onSubmit/onBlur instead of onValueChange\n    if (isValueInRange(normalizedValue, middleMin, middleMax)) {\n      onChange({ middle: normalizedValue, end: value.end });\n    }\n  };\n\n  const handleEndChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    if (isValueInRange(normalizedValue, endMin, endMax)) {\n      onChange({ middle: value.middle, end: normalizedValue });\n    }\n  };\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n      <TextInput\n        renderAs=\"primary\"\n        widthX={6}\n        type=\"number\"\n        min={middleMin}\n        max={middleMax}\n        value={value.middle ?? ''}\n        onChange={handleMiddleChange}\n        placeholder={middlePlaceholder}\n      />\n      <Text $renderAs=\"body3\" $color=\"REAL_BLACK\">\n        /\n      </Text>\n      <TextInput\n        renderAs=\"primary\"\n        type=\"number\"\n        widthX={6}\n        min={endMin}\n        max={endMax}\n        value={value.end ?? ''}\n        onChange={handleEndChange}\n        placeholder={endPlaceholder}\n      />\n    </FlexView>\n  );\n};\n\nexport default NumRangeInput;\n"],"names":["NumRangeInput","onChange","value","middleMin","middleMax","endMin","endMax","middlePlaceholder","endPlaceholder","handleMiddleChange","e","normalizedValue","normalizeInputValue","isValueInRange","handleEndChange","FlexView","jsx","TextInput","Text","NumRangeInput$1"],"mappings":";;;;;;AAUA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,gBAAAC,IAAiB;AACnB,MAAM;AACE,QAAAC,IAAqB,CAACC,MAA2C;AACrE,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAG1D,IAAIG,EAAeF,GAAiBR,GAAWC,CAAS,KACtDH,EAAS,EAAE,QAAQU,GAAiB,KAAKT,EAAM,KAAK;AAAA,EACtD,GAGIY,IAAkB,CAACJ,MAA2C;AAClE,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAE1D,IAAIG,EAAeF,GAAiBN,GAAQC,CAAM,KAChDL,EAAS,EAAE,QAAQC,EAAM,QAAQ,KAAKS,GAAiB;AAAA,EACzD;AAGF,2BACGI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,KAAKd;AAAA,QACL,KAAKC;AAAA,QACL,OAAOF,EAAM,UAAU;AAAA,QACvB,UAAUO;AAAA,QACV,aAAaF;AAAA,MAAA;AAAA,IACf;AAAA,sBACCW,GAAK,EAAA,WAAU,SAAQ,QAAO,cAAa,UAE5C,KAAA;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,KAAKZ;AAAA,QACL,KAAKC;AAAA,QACL,OAAOJ,EAAM,OAAO;AAAA,QACpB,UAAUY;AAAA,QACV,aAAaN;AAAA,MAAA;AAAA,IACf;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAW,IAAenB;"}
+{"version":3,"file":"num-range-input.js","sources":["../../../../../src/features/ui/inputs/num-range-input/num-range-input.tsx"],"sourcesContent":["import { type FC, type ChangeEvent } from 'react';\n\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport { normalizeInputValue } from '../percentile-input/percentile-input-helpers';\nimport TextInput from '../text-input/text-input';\nimport { isValueInRange } from './num-range-helpers';\nimport type { NumRangeInputProps } from './num-range-input-types';\n\n//TODO: Extract shared normalization logic to a base component - BaseNumericInput\n\nconst NumRangeInput: FC<NumRangeInputProps> = ({\n  onChange,\n  value,\n  middleMin,\n  middleMax,\n  endMin,\n  endMax,\n  middlePlaceholder = '',\n  endPlaceholder = '',\n}) => {\n  const handleMiddleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    // TODO: need to handle validation onSubmit/onBlur instead of onValueChange\n    if (isValueInRange(normalizedValue, middleMin, middleMax)) {\n      onChange({ middle: normalizedValue, end: value.end });\n    }\n  };\n\n  const handleEndChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(e.target.value);\n\n    if (isValueInRange(normalizedValue, endMin, endMax)) {\n      onChange({ middle: value.middle, end: normalizedValue });\n    }\n  };\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n      <TextInput\n        renderAs=\"primary\"\n        widthX={6}\n        type=\"number\"\n        min={middleMin}\n        max={middleMax}\n        value={value.middle ?? ''}\n        onChange={handleMiddleChange}\n        placeholder={middlePlaceholder}\n      />\n      <Text $renderAs=\"body3\" $color=\"REAL_BLACK\">\n        /\n      </Text>\n      <TextInput\n        renderAs=\"primary\"\n        type=\"number\"\n        widthX={6}\n        min={endMin}\n        max={endMax}\n        value={value.end ?? ''}\n        onChange={handleEndChange}\n        placeholder={endPlaceholder}\n      />\n    </FlexView>\n  );\n};\n\nexport default NumRangeInput;\n"],"names":["NumRangeInput","onChange","value","middleMin","middleMax","endMin","endMax","middlePlaceholder","endPlaceholder","handleMiddleChange","e","normalizedValue","normalizeInputValue","isValueInRange","handleEndChange","FlexView","jsx","TextInput","Text","NumRangeInput$1"],"mappings":";;;;;;AAWA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,gBAAAC,IAAiB;AACnB,MAAM;AACE,QAAAC,IAAqB,CAACC,MAAqC;AAC/D,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAG1D,IAAIG,EAAeF,GAAiBR,GAAWC,CAAS,KACtDH,EAAS,EAAE,QAAQU,GAAiB,KAAKT,EAAM,KAAK;AAAA,EACtD,GAGIY,IAAkB,CAACJ,MAAqC;AAC5D,UAAMC,IAAkBC,EAAoBF,EAAE,OAAO,KAAK;AAE1D,IAAIG,EAAeF,GAAiBN,GAAQC,CAAM,KAChDL,EAAS,EAAE,QAAQC,EAAM,QAAQ,KAAKS,GAAiB;AAAA,EACzD;AAGF,2BACGI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,WAAW,GAC7D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,KAAKd;AAAA,QACL,KAAKC;AAAA,QACL,OAAOF,EAAM,UAAU;AAAA,QACvB,UAAUO;AAAA,QACV,aAAaF;AAAA,MAAA;AAAA,IACf;AAAA,sBACCW,GAAK,EAAA,WAAU,SAAQ,QAAO,cAAa,UAE5C,KAAA;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,KAAKZ;AAAA,QACL,KAAKC;AAAA,QACL,OAAOJ,EAAM,OAAO;AAAA,QACpB,UAAUY;AAAA,QACV,aAAaN;AAAA,MAAA;AAAA,IACf;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAW,IAAenB;"}

package/dist/features/ui/inputs/percentile-input/percentile-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"percentile-input.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-input.tsx"],"sourcesContent":["import type { IPercentileProps } from './percentile-input-types';\nimport type { Ref } from 'react';\n\nimport React, { forwardRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { normalizeInputValue } from './percentile-input-helpers';\nimport * as Styled from './percentile-styled';\n\nconst PercentileInput = forwardRef((props: IPercentileProps, ref: Ref<HTMLInputElement>) => {\n  const {\n    onChange,\n    label,\n    value = '',\n    renderAs,\n    width,\n    widthX,\n    size = 'regular',\n    shape,\n    disabled,\n    willShowMessage,\n    ...rest\n  } = props;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(event.target.value);\n\n    event.target.value = normalizedValue;\n    const numberValue = parseInt(normalizedValue, 10);\n\n    if (!isNaN(numberValue) && numberValue >= 0 && numberValue <= 100) {\n      onChange?.(event);\n    } else if (normalizedValue === '') {\n      onChange?.(event);\n    } else {\n      event.preventDefault();\n    }\n  };\n  const shouldShowTh = value !== '' && !isNaN(parseInt(value.toString(), 10));\n\n  const SIZE = 'regular';\n  const { input } = useTheme();\n  const textVariant = input.sizes[size].inputTextVariant;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={!!value}\n        width={width}\n        widthX={widthX}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={SIZE}\n        shape={shape}\n        inputElement={\n          <Styled.InputContainer>\n            <Styled.StyledInput\n              ref={ref}\n              type=\"text\"\n              value={value ?? ''}\n              onChange={handleChange}\n              $renderAs={renderAs}\n              $size={SIZE}\n              {...rest}\n            />\n            <Styled.HiddenBox>\n              <Styled.InputReplicaText $renderAs={textVariant}>{value}</Styled.InputReplicaText>\n              {shouldShowTh && <Styled.ThOverlay $renderAs={textVariant}>th</Styled.ThOverlay>}\n            </Styled.HiddenBox>\n          </Styled.InputContainer>\n        }\n      />\n      <Styled.PercentileLabel $renderAs={input.sizes[size].inputTextVariant} $color=\"GREY_2\">\n        Percentile\n      </Styled.PercentileLabel>\n    </FlexView>\n  );\n});\n\nexport default PercentileInput;\n"],"names":["PercentileInput","forwardRef","props","ref","onChange","label","value","renderAs","width","widthX","size","shape","disabled","willShowMessage","rest","handleChange","event","normalizedValue","normalizeInputValue","numberValue","shouldShowTh","SIZE","input","useTheme","textVariant","jsxs","FlexView","jsx","BaseInput","Styled.InputContainer","Styled.StyledInput","Styled.HiddenBox","Styled.InputReplicaText","Styled.ThOverlay","Styled.PercentileLabel","PercentileInput$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAkBC,EAAW,CAACC,GAAyBC,MAA+B;AACpF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAZ,GAEEa,IAAe,CAACC,MAA+C;AACnE,UAAMC,IAAkBC,EAAoBF,EAAM,OAAO,KAAK;AAE9D,IAAAA,EAAM,OAAO,QAAQC;AACf,UAAAE,IAAc,SAASF,GAAiB,EAAE;AAEhD,IAAI,CAAC,MAAME,CAAW,KAAKA,KAAe,KAAKA,KAAe,OAEnDF,MAAoB,KAD7Bb,KAAA,QAAAA,EAAWY,KAIXA,EAAM,eAAe;AAAA,EACvB,GAEII,IAAed,MAAU,MAAM,CAAC,MAAM,SAASA,EAAM,SAAA,GAAY,EAAE,CAAC,GAEpEe,IAAO,WACP,EAAE,OAAAC,MAAUC,KACZC,IAAcF,EAAM,MAAMZ,CAAI,EAAE;AAEtC,SACG,gBAAAe,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,OAAAF;AAAA,QACA,aAAa,CAAC,CAACC;AAAA,QACf,OAAAE;AAAA,QACA,QAAAC;AAAA,QACA,UAAAG;AAAA,QACA,iBAAAC;AAAA,QACA,MAAMQ;AAAA,QACN,OAAAV;AAAA,QACA,cACE,gBAAAc,EAACI,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,KAAA3B;AAAA,cACA,MAAK;AAAA,cACL,OAAOG,KAAS;AAAA,cAChB,UAAUS;AAAA,cACV,WAAWR;AAAA,cACX,OAAOc;AAAA,cACN,GAAGP;AAAA,YAAA;AAAA,UACN;AAAA,UACA,gBAAAW,EAACM,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,GAAA,EAAwB,WAAWR,GAAc,UAAMlB,GAAA;AAAA,YACvDc,KAAiB,gBAAAO,EAAAM,GAAA,EAAiB,WAAWT,GAAa,UAAE,MAAA;AAAA,UAAA,GAC/D;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,gBAAAG,EAAAO,GAAA,EAAuB,WAAWZ,EAAM,MAAMZ,CAAI,EAAE,kBAAkB,QAAO,UAAS,UAEvF,aAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDyB,IAAenC;"}
+{"version":3,"file":"percentile-input.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-input.tsx"],"sourcesContent":["import { forwardRef, type Ref, type ChangeEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport BaseInput from '../base-input/base-input';\nimport { normalizeInputValue } from './percentile-input-helpers';\nimport type { IPercentileProps } from './percentile-input-types';\nimport * as Styled from './percentile-styled';\n\nconst PercentileInput = forwardRef((props: IPercentileProps, ref: Ref<HTMLInputElement>) => {\n  const {\n    onChange,\n    label,\n    value = '',\n    renderAs,\n    width,\n    widthX,\n    size = 'regular',\n    shape,\n    disabled,\n    willShowMessage,\n    ...rest\n  } = props;\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const normalizedValue = normalizeInputValue(event.target.value);\n\n    event.target.value = normalizedValue;\n    const numberValue = parseInt(normalizedValue, 10);\n\n    if (!isNaN(numberValue) && numberValue >= 0 && numberValue <= 100) {\n      onChange?.(event);\n    } else if (normalizedValue === '') {\n      onChange?.(event);\n    } else {\n      event.preventDefault();\n    }\n  };\n  const shouldShowTh = value !== '' && !isNaN(parseInt(value.toString(), 10));\n\n  const SIZE = 'regular';\n  const { input } = useTheme();\n  const textVariant = input.sizes[size].inputTextVariant;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n      <BaseInput\n        renderAs={renderAs}\n        label={label}\n        stickyLabel={!!value}\n        width={width}\n        widthX={widthX}\n        disabled={disabled}\n        willShowMessage={willShowMessage}\n        size={SIZE}\n        shape={shape}\n        inputElement={\n          <Styled.InputContainer>\n            <Styled.StyledInput\n              ref={ref}\n              type=\"text\"\n              value={value ?? ''}\n              onChange={handleChange}\n              $renderAs={renderAs}\n              $size={SIZE}\n              {...rest}\n            />\n            <Styled.HiddenBox>\n              <Styled.InputReplicaText $renderAs={textVariant}>{value}</Styled.InputReplicaText>\n              {shouldShowTh && <Styled.ThOverlay $renderAs={textVariant}>th</Styled.ThOverlay>}\n            </Styled.HiddenBox>\n          </Styled.InputContainer>\n        }\n      />\n      <Styled.PercentileLabel $renderAs={input.sizes[size].inputTextVariant} $color=\"GREY_2\">\n        Percentile\n      </Styled.PercentileLabel>\n    </FlexView>\n  );\n});\n\nexport default PercentileInput;\n"],"names":["PercentileInput","forwardRef","props","ref","onChange","label","value","renderAs","width","widthX","size","shape","disabled","willShowMessage","rest","handleChange","event","normalizedValue","normalizeInputValue","numberValue","shouldShowTh","SIZE","input","useTheme","textVariant","jsxs","FlexView","jsx","BaseInput","Styled.InputContainer","Styled.StyledInput","Styled.HiddenBox","Styled.InputReplicaText","Styled.ThOverlay","Styled.PercentileLabel","PercentileInput$1"],"mappings":";;;;;;;AASA,MAAMA,IAAkBC,EAAW,CAACC,GAAyBC,MAA+B;AACpF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAZ,GAEEa,IAAe,CAACC,MAAyC;AAC7D,UAAMC,IAAkBC,EAAoBF,EAAM,OAAO,KAAK;AAE9D,IAAAA,EAAM,OAAO,QAAQC;AACf,UAAAE,IAAc,SAASF,GAAiB,EAAE;AAEhD,IAAI,CAAC,MAAME,CAAW,KAAKA,KAAe,KAAKA,KAAe,OAEnDF,MAAoB,KAD7Bb,KAAA,QAAAA,EAAWY,KAIXA,EAAM,eAAe;AAAA,EACvB,GAEII,IAAed,MAAU,MAAM,CAAC,MAAM,SAASA,EAAM,SAAA,GAAY,EAAE,CAAC,GAEpEe,IAAO,WACP,EAAE,OAAAC,MAAUC,KACZC,IAAcF,EAAM,MAAMZ,CAAI,EAAE;AAEtC,SACG,gBAAAe,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,OAAAF;AAAA,QACA,aAAa,CAAC,CAACC;AAAA,QACf,OAAAE;AAAA,QACA,QAAAC;AAAA,QACA,UAAAG;AAAA,QACA,iBAAAC;AAAA,QACA,MAAMQ;AAAA,QACN,OAAAV;AAAA,QACA,cACE,gBAAAc,EAACI,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,KAAA3B;AAAA,cACA,MAAK;AAAA,cACL,OAAOG,KAAS;AAAA,cAChB,UAAUS;AAAA,cACV,WAAWR;AAAA,cACX,OAAOc;AAAA,cACN,GAAGP;AAAA,YAAA;AAAA,UACN;AAAA,UACA,gBAAAW,EAACM,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACK,GAAA,EAAwB,WAAWR,GAAc,UAAMlB,GAAA;AAAA,YACvDc,KAAiB,gBAAAO,EAAAM,GAAA,EAAiB,WAAWT,GAAa,UAAE,MAAA;AAAA,UAAA,GAC/D;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,gBAAAG,EAAAO,GAAA,EAAuB,WAAWZ,EAAM,MAAMZ,CAAI,EAAE,kBAAkB,QAAO,UAAS,UAEvF,aAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDyB,IAAenC;"}

package/dist/features/ui/inputs/percentile-input/percentile-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"percentile-styled.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from '../text-input/text-input-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\nconst InputContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n`;\n\ninterface IInputProps {\n  $renderAs: ITextInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n}\n\nconst StyledInput = styled.input<IInputProps>(({ theme, $size, $renderAs }) => {\n  const { colors, input, text } = theme;\n  const { valueColorName, labelColorName } = input.variants[$renderAs];\n  const { inputTextVariant } = input.sizes[$size];\n  const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n\n  return `\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    outline: none;\n\n    font-family: ${fontFamily};\n    font-size: ${fontSize}px;\n    line-height: ${lineHeight}px;\n    ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n    background-color: ${colors.WHITE};\n    color: ${colors[valueColorName.inactive]};\n    \n    &::placeholder {\n      color: ${colors[labelColorName.inactive]};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      line-height: ${lineHeight}px;\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n    }\n\n    &:hover, &:focus {\n      color: ${colors[valueColorName.active]};\n    }\n\n    &:disabled {\n      color: ${colors[valueColorName.disabled]};\n      cursor: not-allowed;\n\n      &::placeholder {\n        color: ${colors[labelColorName.disabled]};\n      }\n    }\n\n    &:read-only {\n      cursor: pointer;\n    }\n\n    &:hover:not([disabled, focused])::placeholder {\n      color: ${colors[labelColorName.active]};\n    }\n\n    &:focus::placeholder {\n      color: transparent;\n    }\n  `;\n});\n\nconst HiddenBox = styled.div`\n  position: absolute;\n  pointer-events: none;\n  display: flex;\n`;\n\nconst ThOverlay = styled(Text)`\n  pointer-events: none;\n  padding-left: 8px;\n`;\n\nconst InputReplicaText = styled(Text)`\n  visibility: hidden;\n  white-space: nowrap;\n  font-family: inherit;\n  font-size: inherit;\n`;\n\nconst PercentileLabel = styled(Text)`\n  margin-top: 8px;\n  margin-left: 12px;\n`;\n\nexport { InputContainer, StyledInput, HiddenBox, ThOverlay, InputReplicaText, PercentileLabel };\n"],"names":["InputContainer","styled","StyledInput","theme","$size","$renderAs","colors","input","text","valueColorName","labelColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","HiddenBox","ThOverlay","Text","InputReplicaText","PercentileLabel"],"mappings":";;AAOA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxBC,IAAcD,EAAO,MAAmB,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,WAAAC,QAAgB;AAC7E,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASL,GAC1B,EAAE,gBAAAM,GAAgB,gBAAAC,EAAA,IAAmBH,EAAM,SAASF,CAAS,GAC7D,EAAE,kBAAAM,EAAqB,IAAAJ,EAAM,MAAMH,CAAK,GACxC,EAAE,YAAAQ,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBP,EAAKG,CAAgB;AAE1E,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOUC,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA,wBAE5DT,EAAO,KAAK;AAAA,aACvBA,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBE,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvET,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5C,CAAC,GAEKM,IAAYf,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBgB,IAAYhB,EAAOiB,CAAI;AAAA;AAAA;AAAA,GAKvBC,IAAmBlB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BE,IAAkBnB,EAAOiB,CAAI;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"percentile-styled.js","sources":["../../../../../src/features/ui/inputs/percentile-input/percentile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../text/text';\nimport type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from '../text-input/text-input-types';\n\nconst InputContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n`;\n\ninterface IInputProps {\n  $renderAs: ITextInputProps['renderAs'];\n  $size: IBaseInputProps['size'];\n}\n\nconst StyledInput = styled.input<IInputProps>(({ theme, $size, $renderAs }) => {\n  const { colors, input, text } = theme;\n  const { valueColorName, labelColorName } = input.variants[$renderAs];\n  const { inputTextVariant } = input.sizes[$size];\n  const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n\n  return `\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    outline: none;\n\n    font-family: ${fontFamily};\n    font-size: ${fontSize}px;\n    line-height: ${lineHeight}px;\n    ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n    background-color: ${colors.WHITE};\n    color: ${colors[valueColorName.inactive]};\n    \n    &::placeholder {\n      color: ${colors[labelColorName.inactive]};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      line-height: ${lineHeight}px;\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n    }\n\n    &:hover, &:focus {\n      color: ${colors[valueColorName.active]};\n    }\n\n    &:disabled {\n      color: ${colors[valueColorName.disabled]};\n      cursor: not-allowed;\n\n      &::placeholder {\n        color: ${colors[labelColorName.disabled]};\n      }\n    }\n\n    &:read-only {\n      cursor: pointer;\n    }\n\n    &:hover:not([disabled, focused])::placeholder {\n      color: ${colors[labelColorName.active]};\n    }\n\n    &:focus::placeholder {\n      color: transparent;\n    }\n  `;\n});\n\nconst HiddenBox = styled.div`\n  position: absolute;\n  pointer-events: none;\n  display: flex;\n`;\n\nconst ThOverlay = styled(Text)`\n  pointer-events: none;\n  padding-left: 8px;\n`;\n\nconst InputReplicaText = styled(Text)`\n  visibility: hidden;\n  white-space: nowrap;\n  font-family: inherit;\n  font-size: inherit;\n`;\n\nconst PercentileLabel = styled(Text)`\n  margin-top: 8px;\n  margin-left: 12px;\n`;\n\nexport { InputContainer, StyledInput, HiddenBox, ThOverlay, InputReplicaText, PercentileLabel };\n"],"names":["InputContainer","styled","StyledInput","theme","$size","$renderAs","colors","input","text","valueColorName","labelColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","HiddenBox","ThOverlay","Text","InputReplicaText","PercentileLabel"],"mappings":";;AAMA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxBC,IAAcD,EAAO,MAAmB,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,WAAAC,QAAgB;AAC7E,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASL,GAC1B,EAAE,gBAAAM,GAAgB,gBAAAC,EAAA,IAAmBH,EAAM,SAASF,CAAS,GAC7D,EAAE,kBAAAM,EAAqB,IAAAJ,EAAM,MAAMH,CAAK,GACxC,EAAE,YAAAQ,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBP,EAAKG,CAAgB;AAE1E,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOUC,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA,wBAE5DT,EAAO,KAAK;AAAA,aACvBA,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBE,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvET,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5C,CAAC,GAEKM,IAAYf,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBgB,IAAYhB,EAAOiB,CAAI;AAAA;AAAA;AAAA,GAKvBC,IAAmBlB,EAAOiB,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BE,IAAkBnB,EAAOiB,CAAI;AAAA;AAAA;AAAA;"}