@televet/kibble-ui 2.1.1 → 2.1.2-3.beta-866ay9x1y.1

package/README.md

@@ -35,3 +35,18 @@ $ npm run build
 ```
 
 After the build finishes, look for the file named `stats.html` and open it in the browser of your choice.
+
+## Playwright Tests
+
+We are using [Playwright Snapshop Assertions]() to visually test our component library. At the start of each run, playwright will get a list of all stories. The test will loop through each story, and based on the type of component, it will perform appropriate actions to that component, and screenshot the result of each action. The screenshots will immediately be compared to a "golden" screenshot that we store in AWS S3 and pull down before the tests start.
+
+If you are pulling down changes, it would be a great idea to delete all .png files from /src/playwright/tests/snapshotTests.spec.ts-snapshots/ and run the tests again. This will ensure that you are using the most up to date screenshots, and any screenshots for new components which may have been added since the last time you ran the tests.
+
+Running these tests is kind of clunky and takes a long time to do, but you don't need to worry about pulling the screenshots or uploading them yourself. We do all of this from within the playwright tests already. Just run the below command after you have already started kibble locally (We are looking for locahost:6006 to be running), and then take a hike pall. We're workin' ova' here!
+
+```bash
+$ npm run snapshotTests
+```
+
+**But we have to change a component so now it doesn't look the same as the screenshot we have!**
+In the event that you changed a component and you need to therefore change the screenshot, you will need to find that screenshot in src/playwright/tests/snapshotTests.spec.ts-snapshots/ and delete the offending screenshot, and run the tests again. This will flag that screenshot as being missing for playwright which will write a new one. Then, we will see that this screenshot is new at the end of the test run (that failed again, by the way, since there wasn't a screenshot) and we will upload it to S3. 

package/build/{alert.component-bc8594cc.js → alert.component-ee6be388.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-194b75fc.js"),e=require("react"),s=require("./button.component-981918e8.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./heading.component-198f40a3.js"),n=require("./icon.component-9318bebf.js"),i=require("./text.component-30355fe6.js"),r=require("./chakra-ui-alert.esm-17eebb99.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
-//# sourceMappingURL=alert.component-bc8594cc.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),s=require("./button.component-8c8cd059.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./heading.component-e55f8364.js"),n=require("./icon.component-100b924b.js"),i=require("./text.component-057889c3.js"),r=require("./chakra-ui-alert.esm-17eebb99.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
+//# sourceMappingURL=alert.component-ee6be388.js.map

package/build/{alert.component-bc8594cc.js.map → alert.component-ee6be388.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.component-bc8594cc.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n  isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose, isToast } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps, isToast } = props;\n  return (\n    <Heading\n      className=\"Alert__Title\"\n      flexGrow={1}\n      variant={isToast ? 'onContrast' : 'default'}\n      lineHeight={6}\n      size=\"sm\"\n      {...titleProps}\n    >\n      {title}\n    </Heading>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n  isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status, isToast = false } = props;\n\n  const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon\n        variant={isToast ? 'onContrast' : computedVariant}\n        size=\"lg\"\n        name={iconProps?.name || AlertStatusIcon[status]}\n        {...iconProps}\n      />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps, isToast } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  hasShadow?: boolean;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' | 'status'> {}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  hasShadow = false,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  status = 'success',\n  title,\n  titleProps,\n  isToast = false,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const computedVariant = isToast ? `${status}Toast` : status;\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && (\n            <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n          )}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && (\n              <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n            )}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={computedVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...(hasShadow && { boxShadow: 'md' })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"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"}
+{"version":3,"file":"alert.component-ee6be388.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n  buttonPosition?: 'topRight' | 'bottomLeft';\n  buttonText: string;\n  hasDescription?: boolean;\n  status?: Status;\n  isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\n  return (\n    <Box\n      className=\"Alert__Button\"\n      pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n      pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...rest}>\n        {buttonProps.buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose, isToast } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps, isToast } = props;\n  return (\n    <Heading\n      className=\"Alert__Title\"\n      flexGrow={1}\n      variant={isToast ? 'onContrast' : 'default'}\n      lineHeight={6}\n      size=\"sm\"\n      {...titleProps}\n    >\n      {title}\n    </Heading>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: 'warningSign',\n  warning: 'warningSign',\n  success: 'checkmark',\n  info: 'infoCircle',\n  default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n  iconProps?: IconProps;\n  status: Status;\n  isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status, isToast = false } = props;\n\n  const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon\n        variant={isToast ? 'onContrast' : computedVariant}\n        size=\"lg\"\n        name={iconProps?.name || AlertStatusIcon[status]}\n        {...iconProps}\n      />\n    </Box>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps, isToast } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n      {description}\n    </Text>\n  ) : (\n    <>{description}</>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n  children: ReactNode;\n  hideIcon: boolean;\n  hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n  const { children, hideIcon, hideCloseButton } = props;\n  return (\n    <VStack\n      className=\"Alert__Body\"\n      justify=\"flex-start\"\n      align=\"flex-start\"\n      w=\"100%\"\n      pl={!hideIcon ? '34px' : ''}\n      pr={!hideCloseButton ? '34px' : ''}\n    >\n      {children}\n    </VStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n  children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n  const { children } = props;\n  return (\n    <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n      {children}\n    </HStack>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n  buttonProps?: AlertButtonProps;\n  children?: ReactNode;\n  description?: string | ReactNode;\n  descriptionProps?: TextProps;\n  hasShadow?: boolean;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  status?: Status;\n  title?: string | ReactNode;\n  titleProps?: HeadingProps;\n  isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' | 'status'> {}\n\nexport const Alert = ({\n  buttonProps,\n  children,\n  description,\n  descriptionProps,\n  hasShadow = false,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  status = 'success',\n  title,\n  titleProps,\n  isToast = false,\n  ...rest\n}: AlertProps): JSX.Element => {\n  const computedVariant = isToast ? `${status}Toast` : status;\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && (\n            <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n          )}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n        </AlertBody>\n      </>\n    );\n  };\n\n  const AlertWithoutTitle = (): JSX.Element => {\n    return (\n      <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n        <AlertHeader>\n          {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && (\n              <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n            )}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n          </AlertBody>\n        )}\n      </VStack>\n    );\n  };\n\n  return (\n    <CAlert\n      flexDirection=\"column\"\n      align=\"flex-start\"\n      justify=\"flex-start\"\n      variant={computedVariant}\n      overflow=\"visible\"\n      px={3}\n      py={2}\n      {...(hasShadow && { boxShadow: 'md' })}\n      {...rest}\n    >\n      {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n    </CAlert>\n  );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"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"}

package/build/avatar.component-b1718213.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./icon.component-100b924b.js"),r=require("./tooltip.component-197bff7c.js"),o=require("./chakra-ui-avatar.esm-eee70d3a.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js"),s=require("./picture.component-19489bee.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const c=(e,t=!0,a=1)=>{let r;switch(e){case"xs":r=t?"sm":"xs";break;case"sm":r=t?"md":"xs";break;case"md":r=t?"lg":"sm";break;case"lg":r=t?"xl":"md";break;case"xl":r=t?"2xl":"lg";break;case"2xl":r=t?"2xl":"xl";break;default:r=e}return a>1&&(r=c(r,t,a-1)),r},u=({avatarSize:e,iconName:r,bg:n="background.info",borderColor:s="border.strongContrast",iconVariant:l="info",position:c="bottomRight"})=>{const u=t.useMemo((()=>"xs"===e||!r),[r,e]);return i.default.createElement(o.AvatarBadge,Object.assign({borderColor:s,borderWidth:"thin",bg:n,boxSize:(e=>{switch(e){case"xl":return"24px";case"xs":return"10px";default:return"18px"}})(e),transform:(t=>{switch(t){case"topLeft":return"xl"===e?"translate(-25%, -25%)":u&&"xs"!==e?"translate(-40%, -40%)":"translate(-45%, -45%)";case"topRight":return"xl"===e?"translate(25%, -25%)":u&&"xs"!==e?"translate(40%, -40%)":"translate(45%, -45%)";case"bottomLeft":return"xl"===e?"translate(-25%, 25%)":u&&"xs"!==e?"translate(-40%, 40%)":"translate(-45%, 45%)";default:return"xl"===e?"translate(25%, 25%)":u&&"xs"!==e?"translate(40%, 40%)":"translate(45%, 45%)"}})(c),position:"absolute"},(e=>{switch(e){case"topLeft":return{top:"0",left:"0"};case"topRight":return{top:"0",right:"0"};case"bottomLeft":return{bottom:"0",left:"0"};default:return{bottom:"0",right:"0"}}})(c)),!u&&r&&i.default.createElement(a.Icon,{name:r,variant:l,size:"xl"===e?"sm":"xs"}))},d=({handleRemoveButtonClick:e,isBeingHovered:r,setIsBeingHovered:o})=>{const s=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return i.default.createElement(n.Flex,{className:"Avatar__RemoveButton",backgroundColor:"background.default",borderRadius:"full",cursor:"pointer",position:"absolute",top:"-6px",h:4,w:4,right:"-6px",justify:"center",align:"center",onClick:s,onMouseEnter:()=>o(!0),zIndex:"tooltip",onMouseLeave:()=>o(!1)},i.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:r?"sm":"xs"}))},m=({src:e,webpSrc:t})=>i.default.createElement(n.Box,{className:"Avatar__Image"},i.default.createElement(s.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=n=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:b,hideBorder:p=!1,iconName:f,name:h="",randomizeVariant:g=!1,randomizationType:x="outline",showBadge:v=!1,showRemoveButton:k=!1,showTooltip:C=!0,size:w="md",src:B,tooltipPlacement:z="bottom",tooltipText:E,variant:R="default",webpSrc:S}=n,_=e.__rest(n,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[j,A]=t.useState(!1),[q,y]=t.useState(!1),I="xs"===w;let P=R;var T,L;g&&(T=h.charCodeAt(0),L=x,P=T>=65&&T<=77?"outline"===L?"outlineAccent":"accent":"outline"===L?"outlineAccentSubtle":"accentSubtle");const M=t.useMemo((()=>{let e={_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}};return"contrast"===R&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[R]),N=i.default.createElement(o.Avatar,Object.assign({name:f?"":h,size:w,src:S?void 0:B,variant:P,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:p?"0px":"2px",cursor:"default"},f&&{icon:i.default.createElement(a.Icon,{name:f,size:c(w,!0,"sm"===w||"xs"===w?2:1)})},l&&Object.assign({onClick:l,cursor:"pointer"},M),{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1)},_),k&&j&&!I&&i.default.createElement(d,{handleRemoveButtonClick:b,isBeingHovered:q,setIsBeingHovered:y}),v&&i.default.createElement(u,Object.assign({avatarSize:w},s)),S&&B&&i.default.createElement(m,{src:B,webpSrc:S}));return C&&!q?i.default.createElement(r.Tooltip,{label:E||h,placement:z},N):N};
+//# sourceMappingURL=avatar.component-b1718213.js.map

package/build/avatar.component-b1718213.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-b1718213.js","sources":["../src/shared/utils/sizes.ts","../src/components/Avatar/components/avatarBadge.component.tsx","../src/components/Avatar/components/avatarRemoveButton.component.tsx","../src/components/Avatar/components/avatarImage.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n  let nextSize: IconSize;\n  switch (size) {\n    case 'xs':\n      nextSize = larger ? 'sm' : 'xs';\n      break;\n    case 'sm':\n      nextSize = larger ? 'md' : 'xs';\n      break;\n    case 'md':\n      nextSize = larger ? 'lg' : 'sm';\n      break;\n    case 'lg':\n      nextSize = larger ? 'xl' : 'md';\n      break;\n    case 'xl':\n      nextSize = larger ? '2xl' : 'lg';\n      break;\n    case '2xl':\n      nextSize = larger ? '2xl' : 'xl';\n      break;\n    default:\n      nextSize = size as IconSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge, PositionProps } from '@chakra-ui/react';\nimport { Icon } from '../../Icon/icon.component';\nimport { AvatarSize } from '../avatar.types';\nimport { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { IconName } from '../../../icons';\nimport { AvatarBadgePosition } from '../avatar.types';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface AvatarBadgeProps {\n  iconName?: IconName;\n  bg?: SemanticBackgroundColorToken;\n  borderColor?: SemanticBorderColorToken;\n  iconVariant?: TypographyVariant;\n  position?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize,\n  iconName,\n  bg = 'background.info',\n  borderColor = 'border.strongContrast',\n  iconVariant = 'info',\n  position = 'bottomRight',\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n\n  const getBadgePosition = (position: AvatarBadgePosition): PositionProps => {\n    switch (position) {\n      case 'topLeft':\n        return {\n          top: '0',\n          left: '0',\n        };\n      case 'topRight':\n        return {\n          top: '0',\n          right: '0',\n        };\n      case 'bottomLeft':\n        return {\n          bottom: '0',\n          left: '0',\n        };\n      default:\n        return {\n          bottom: '0',\n          right: '0',\n        };\n    }\n  };\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const extraSmallPosition = 45;\n    const extraLargePosition = 25;\n    const defaultPosition = 40;\n\n    switch (position) {\n      case 'topLeft':\n        if (avatarSize === 'xl') {\n          return `translate(-${extraLargePosition}%, -${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(-${defaultPosition}%, -${defaultPosition}%)`\n          : `translate(-${extraSmallPosition}%, -${extraSmallPosition}%)`;\n      case 'topRight':\n        if (avatarSize === 'xl') {\n          return `translate(${extraLargePosition}%, -${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${defaultPosition}%, -${defaultPosition}%)`\n          : `translate(${extraSmallPosition}%, -${extraSmallPosition}%)`;\n      case 'bottomLeft':\n        if (avatarSize === 'xl') {\n          return `translate(-${extraLargePosition}%, ${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(-${defaultPosition}%, ${defaultPosition}%)`\n          : `translate(-${extraSmallPosition}%, ${extraSmallPosition}%)`;\n      default:\n        if (avatarSize === 'xl') {\n          return `translate(${extraLargePosition}%, ${extraLargePosition}%)`;\n        }\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${defaultPosition}%, ${defaultPosition}%)`\n          : `translate(${extraSmallPosition}%, ${extraSmallPosition}%)`;\n    }\n  };\n\n  const getBoxSize = (avatarSize: AvatarSize): string => {\n    switch (avatarSize) {\n      case 'xl':\n        return '24px';\n      case 'xs':\n        return '10px';\n      default:\n        return '18px';\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      borderColor={borderColor}\n      borderWidth=\"thin\"\n      bg={bg}\n      boxSize={getBoxSize(avatarSize)}\n      transform={getBadgeTransform(position)}\n      position=\"absolute\"\n      {...getBadgePosition(position)}\n    >\n      {!useSmallBadge && iconName && (\n        <Icon name={iconName} variant={iconVariant} size={avatarSize === 'xl' ? 'sm' : 'xs'} />\n      )}\n    </CAvatarBadge>\n  );\n};\n","import React, { useCallback, MouseEvent, MouseEventHandler, Dispatch, SetStateAction } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  isBeingHovered: boolean;\n  setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\nconst AvatarRemoveButton = ({\n  handleRemoveButtonClick,\n  isBeingHovered,\n  setIsBeingHovered,\n}: AvatarRemoveButtonProps): JSX.Element => {\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (handleRemoveButtonClick) {\n        handleRemoveButtonClick(e);\n      }\n    },\n    [handleRemoveButtonClick],\n  );\n  return (\n    <Flex\n      className=\"Avatar__RemoveButton\"\n      backgroundColor=\"background.default\"\n      borderRadius=\"full\"\n      cursor=\"pointer\"\n      position=\"absolute\"\n      top=\"-6px\"\n      h={4}\n      w={4}\n      right=\"-6px\"\n      justify=\"center\"\n      align=\"center\"\n      onClick={onRemoveButtonClick}\n      onMouseEnter={(): void => setIsBeingHovered(true)}\n      zIndex=\"tooltip\"\n      onMouseLeave={(): void => setIsBeingHovered(false)}\n    >\n      <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n    </Flex>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import { Box } from '@chakra-ui/react';\nimport { Picture } from 'components/Picture';\nimport React from 'react';\n\ninterface AvatarImageProps {\n  src: string;\n  webpSrc: string;\n}\n\nconst AvatarImage = ({ src, webpSrc }: AvatarImageProps): JSX.Element => {\n  return (\n    <Box className=\"Avatar__Image\">\n      <Picture\n        src={src}\n        webpSrc={webpSrc}\n        imgProps={{\n          w: '100%',\n          h: '100%',\n          objectFit: 'cover',\n          borderRadius: 'full',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n        }}\n      />\n    </Box>\n  );\n};\n\nexport default AvatarImage;\n","import React, { useState, useMemo, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { AvatarSize, AvatarType, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport AvatarRemoveButton from './components/avatarRemoveButton.component';\nimport AvatarImage from './components/avatarImage.component';\n\nexport interface KAvatarProps {\n  badgeProps?: AvatarBadgeProps;\n  handleClick?: MouseEventHandler<HTMLSpanElement>;\n  handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  randomizeVariant?: boolean;\n  randomizationType?: AvatarType;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipPlacement?: Placement;\n  tooltipText?: string;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nexport type AvatarProps = KAvatarProps & CAvatarProps;\n\nconst getRandomizedAvatarVariant = (charCode: number, type: AvatarType): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 77) {\n    return type === 'outline' ? 'outlineAccent' : 'accent';\n  } else {\n    return type === 'outline' ? 'outlineAccentSubtle' : 'accentSubtle';\n  }\n};\n\nexport const Avatar = ({\n  badgeProps,\n  handleClick,\n  handleRemoveButtonClick,\n  hideBorder = false,\n  iconName,\n  name = '',\n  randomizeVariant = false,\n  randomizationType = 'outline',\n  showBadge = false,\n  showRemoveButton = false,\n  showTooltip = true,\n  size = 'md',\n  src,\n  tooltipPlacement = 'bottom',\n  tooltipText,\n  variant = 'default',\n  webpSrc,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n\n  let _variant = variant;\n\n  if (randomizeVariant) {\n    _variant = getRandomizedAvatarVariant(name.charCodeAt(0), randomizationType);\n  }\n\n  // These styles are not defined in the config file because they\n  // should only be applied if the avatar has a click handler defined\n  const hoverActiveStyles = useMemo(() => {\n    let styles = {\n      _hover: {\n        img: { opacity: 1 },\n        _after: {\n          content: '\"\"',\n          backgroundColor: 'background.alpha.hover',\n          w: '110%',\n          h: '110%',\n          borderRadius: 'full',\n          position: 'absolute',\n        },\n      },\n      _active: {\n        img: { opacity: 1 },\n        _after: {\n          content: '\"\"',\n          backgroundColor: 'background.alpha.pressed',\n          w: '110%',\n          h: '110%',\n          borderRadius: 'full',\n          position: 'absolute',\n        },\n      },\n    };\n\n    if (variant === 'contrast') {\n      styles._hover._after.backgroundColor = 'background.alphaContrast.hover';\n      styles._active._after.backgroundColor = 'background.alphaContrast.pressed';\n    }\n\n    return styles;\n  }, [variant]);\n\n  const avatarMarkup = (\n    <CAvatar\n      name={iconName ? '' : name}\n      size={size}\n      src={!!webpSrc ? undefined : src}\n      variant={_variant}\n      boxShadow=\"0 0 0 1px var(--chakra-colors-border-strongContrast)\"\n      borderWidth={hideBorder ? '0px' : '2px'}\n      cursor=\"default\"\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n      {...rest}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <AvatarRemoveButton\n          handleRemoveButtonClick={handleRemoveButtonClick}\n          isBeingHovered={isHoveringRemoveButton}\n          setIsBeingHovered={setIsHoveringRemoveButton}\n        />\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n      {webpSrc && src && <AvatarImage src={src} webpSrc={webpSrc} />}\n    </CAvatar>\n  );\n\n  if (showTooltip && !isHoveringRemoveButton) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n"],"names":["getNextIconSize","size","larger","count","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","Object","assign","borderWidth","boxSize","getBoxSize","transform","getBadgeTransform","top","left","right","bottom","getBadgePosition","Icon","name","variant","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","h","w","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","_a","badgeProps","handleClick","hideBorder","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isHoveringAvatar","setIsHoveringAvatar","useState","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCode","type","charCodeAt","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Avatar","undefined","boxShadow","icon","Tooltip","label","placement"],"mappings":"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"}

package/build/{avatarGroup.component-d0fcf1da.js → avatarGroup.component-07948ebe.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./avatar.component-7e35ab41.js"),a=require("./chakra-ui-avatar.esm-eee70d3a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:m=!1,size:d="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===d||"md"===d?-2:-1;return o.default.createElement(a.AvatarGroup,{size:d,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:d,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:d,showRemoveButton:m,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:d}))};
-//# sourceMappingURL=avatarGroup.component-d0fcf1da.js.map
+"use strict";var e=require("react"),t=require("./avatar.component-b1718213.js"),a=require("./chakra-ui-avatar.esm-eee70d3a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:m=!1,size:d="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===d||"md"===d?-2:-1;return o.default.createElement(a.AvatarGroup,{size:d,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:d,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:d,showRemoveButton:m,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:d}))};
+//# sourceMappingURL=avatarGroup.component-07948ebe.js.map

package/build/{avatarGroup.component-d0fcf1da.js.map → avatarGroup.component-07948ebe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-d0fcf1da.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\n          showRemoveButton={false}\n          tooltipText={mergedNames}\n        />\n      ) : (\n        avatars.map((avatar) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            showRemoveButton={showRemoveAvatarButton}\n            handleRemoveButtonClick={handleRemoveButtonClick}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          variant=\"dashed\"\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}
+{"version":3,"file":"avatarGroup.component-07948ebe.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  handleAddButtonClick?: () => void;\n  handleRemoveButtonClick?: () => void;\n  max?: number;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  handleAddButtonClick,\n  handleRemoveButtonClick,\n  max = 3,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\n          showRemoveButton={false}\n          tooltipText={mergedNames}\n        />\n      ) : (\n        avatars.map((avatar) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            showRemoveButton={showRemoveAvatarButton}\n            handleRemoveButtonClick={handleRemoveButtonClick}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          variant=\"dashed\"\n          iconName=\"plus\"\n          handleClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}

package/build/borders.config-90d19902.js

@@ -0,0 +1,2 @@
+"use strict";exports.borders={none:0,"1px":"1px solid","2px":"2px solid","4px":"4px solid","8px":"8px solid"},exports.radii={none:"0",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"};
+//# sourceMappingURL=borders.config-90d19902.js.map

package/build/borders.config-90d19902.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.config-90d19902.js","sources":["../src/theme/tokens/borders/borders.config.ts"],"sourcesContent":["import { Borders, Radii } from './borders.types';\n\nexport const borders: Borders = {\n  none: 0,\n  '1px': '1px solid',\n  '2px': '2px solid',\n  '4px': '4px solid',\n  '8px': '8px solid',\n};\n\nexport const radii: Radii = {\n  none: '0',\n  sm: '0.125rem',\n  base: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  xl: '0.75rem',\n  '2xl': '1rem',\n  '3xl': '1.5rem',\n  full: '9999px',\n};\n"],"names":["none","sm","base","md","lg","xl","full"],"mappings":"6BAEgC,CAC9BA,KAAM,EACN,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,2BAGmB,CAC1BA,KAAM,IACNC,GAAI,WACJC,KAAM,UACNC,GAAI,WACJC,GAAI,SACJC,GAAI,UACJ,MAAO,OACP,MAAO,SACPC,KAAM"}

package/build/button.component-8c8cd059.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-100b924b.js"),n=require("./chakra-ui-button.esm-bd065780.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);const s=t.forwardRef(((r,s)=>{var{children:o,iconName:c,iconPosition:u,isActive:l=!1,isOnContrast:d=!1,size:f="md",variant:m="primary"}=r,p=e.__rest(r,["children","iconName","iconPosition","isActive","isOnContrast","size","variant"]);const b=t.useMemo((()=>`${m}${d?"OnContrast":""}`),[d,m]);if(c){const e=a.default.createElement(i.Icon,{size:f,name:c});if(!o){const t=c.replace(/([A-Z])/g," $1").replace(/^\w/,(e=>e.toUpperCase()));return a.default.createElement(n.IconButton,Object.assign({variant:b,ref:s,"aria-label":t,icon:e,size:f,isActive:l},p))}p["right"===u?"rightIcon":"leftIcon"]=e}return a.default.createElement(n.Button,Object.assign({fontWeight:"bold",cursor:"pointer",ref:s,size:f,iconSpacing:"sm"===f||"xs"===f?"4px":"8px",borderRadius:"base",variant:b,isActive:l},p),o)}));s.displayName="Button",exports.Button=s;
+//# sourceMappingURL=button.component-8c8cd059.js.map

package/build/button.component-8c8cd059.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-8c8cd059.js","sources":["../src/shared/utils/strings.ts","../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== ':' &&\n        array[index + 1] !== ':' &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === ':' && array[index + 2] !== '') {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n    })\n    .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { ButtonIconPosition, ButtonSize, ButtonVariant } from './button.types';\nimport { camelCaseToLabel } from 'shared/utils/strings';\nimport { IconName } from '../../icons';\n\nexport interface KButtonProps {\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  isActive?: boolean;\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  isOnContrast?: boolean;\n  loadingText?: string;\n  size?: ButtonSize;\n  spinnerPlacement?: 'start' | 'end';\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & Omit<CButtonProps, 'variant'>;\n\nexport const Button = forwardRef(\n  (\n    {\n      children,\n      iconName,\n      iconPosition,\n      isActive = false,\n      isOnContrast = false,\n      size = 'md',\n      variant = 'primary',\n      ...domProps\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): JSX.Element => {\n    const computedVariant = useMemo(() => `${variant}${isOnContrast ? 'OnContrast' : ''}`, [isOnContrast, variant]);\n\n    if (iconName) {\n      const ButtonIcon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            variant={computedVariant}\n            ref={ref}\n            aria-label={label}\n            icon={ButtonIcon}\n            size={size}\n            isActive={isActive}\n            {...domProps}\n          />\n        );\n      } else {\n        const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n        domProps[position] = ButtonIcon;\n      }\n    }\n\n    return (\n      <CButton\n        fontWeight=\"bold\"\n        cursor=\"pointer\"\n        ref={ref}\n        size={size}\n        iconSpacing={size === 'sm' || size === 'xs' ? '4px' : '8px'}\n        borderRadius=\"base\"\n        variant={computedVariant}\n        isActive={isActive}\n        {...domProps}\n      >\n        {children}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","children","iconName","iconPosition","isActive","isOnContrast","size","variant","domProps","__rest","computedVariant","useMemo","ButtonIcon","React","createElement","Icon","name","label","replace","c","toUpperCase","CIconButton","Object","assign","icon","CButton","fontWeight","cursor","iconSpacing","borderRadius","displayName"],"mappings":"sPAAO,MCuBMA,EAASC,EAAUA,YAC9B,CACEC,EAUAC,SAVAC,SACEA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,SACZA,GAAW,EAAKC,aAChBA,GAAe,EAAKC,KACpBA,EAAO,KAAIC,QACXA,EAAU,WAASR,EAChBS,EARLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,WAAA,eAAA,WAAA,eAAA,OAAA,YAYA,MAAMW,EAAkBC,EAAOA,SAAC,IAAM,GAAGJ,IAAUF,EAAe,aAAe,MAAM,CAACA,EAAcE,IAEtG,GAAIL,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAT,KAAMA,EAAMU,KAAMd,IAE3C,IAAKD,EAAU,CACb,MAAMgB,EAAyBf,ED1CnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBC2C/C,OACEP,EAAA,QAAAC,cAACO,EAAAA,WAAWC,OAAAC,OAAA,CACVhB,QAASG,EACTV,IAAKA,EAAG,aACIiB,EACZO,KAAMZ,EACNN,KAAMA,EACNF,SAAUA,GACNI,IAKRA,EADkC,UAAjBL,EAA2B,YAAc,YACrCS,EAIzB,OACEC,EAAAA,QAACC,cAAAW,EAAAA,OACCH,OAAAC,OAAA,CAAAG,WAAW,OACXC,OAAO,UACP3B,IAAKA,EACLM,KAAMA,EACNsB,YAAsB,OAATtB,GAA0B,OAATA,EAAgB,MAAQ,MACtDuB,aAAa,OACbtB,QAASG,EACTN,SAAUA,GACNI,GAEHP,MAMTJ,EAAOiC,YAAc"}

package/build/card.component-de5d4b2a.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("./tslib.es6-d6f17add.js"),e=require("react"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var o=t(e);const s={lg:7,md:5,sm:3,xs:2};exports.Card=e=>{var{children:t,isActive:d=!1,isFullWidth:i=!0,isInteractive:l=!1,size:n="md"}=e,c=r.__rest(e,["children","isActive","isFullWidth","isInteractive","size"]);return o.default.createElement(a.Box,Object.assign({bg:"background.default",p:s[n],border:"1px",borderColor:"border.default",borderRadius:"lg"},l&&{borderColor:""+(d?"transparent":"border.default"),boxShadow:"0 0 0 3px "+(d?"var(--chakra-colors-border-focus)":"transparent"),cursor:"pointer",transition:".1s all ease-in-out",_hover:{boxShadow:!d&&"0 0 0 3px var(--chakra-colors-border-default)",borderColor:"transparent"}},!i&&{maxW:"max-content"},c),t)},exports.CardPaddingMap=s,exports.cardSizes=["xs","sm","md","lg"];
+//# sourceMappingURL=card.component-de5d4b2a.js.map

package/build/{card.component-20080f05.js.map → card.component-de5d4b2a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card.component-20080f05.js","sources":["../src/components/Card/card.types.ts","../src/components/Card/card.component.tsx"],"sourcesContent":["export const cardSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type CardSize = (typeof cardSizes)[number];\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n  xs: 2,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport React, { ReactNode } from 'react';\nimport { CardSize, CardPaddingMap } from './card.types';\n\nexport interface BaseCardProps {\n  isFullWidth?: boolean;\n  size?: CardSize;\n  children?: ReactNode;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  isActive?: never;\n  isInteractive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  isActive?: boolean;\n  isInteractive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n  children,\n  isActive = false,\n  isFullWidth = true,\n  isInteractive = false,\n  size = 'md',\n  ...rest\n}: CardProps): JSX.Element => {\n  return (\n    <Box\n      bg=\"background.default\"\n      p={CardPaddingMap[size]}\n      border=\"1px\"\n      borderColor=\"border.default\"\n      borderRadius=\"lg\"\n      {...(isInteractive && {\n        borderColor: `${isActive ? 'transparent' : 'border.default'}`,\n        boxShadow: `0 0 0 3px ${isActive ? 'var(--chakra-colors-border-focus)' : 'transparent'}`,\n        cursor: 'pointer',\n        transition: '.1s all ease-in-out',\n        _hover: {\n          boxShadow: !isActive && `0 0 0 3px var(--chakra-colors-border-default)`,\n          borderColor: 'transparent',\n        },\n      })}\n      {...(!isFullWidth && { maxW: 'max-content' })}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","lg","md","sm","xs","_a","children","isActive","isFullWidth","isInteractive","size","rest","__rest","React","createElement","Box","Object","assign","bg","p","border","borderColor","borderRadius","boxShadow","cursor","transition","_hover","maxW"],"mappings":"4MAAO,MAGMA,EAA2C,CACtDC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,gBCiBeC,QAAAC,SACnBA,EAAQC,SACRA,GAAW,EAAKC,YAChBA,GAAc,EAAIC,cAClBA,GAAgB,EAAKC,KACrBA,EAAO,QACJC,EANgBC,SAAAP,EAAA,CAAA,WAAA,WAAA,cAAA,gBAAA,SAQnB,OACEQ,EAAA,QAAAC,cAACC,MAAGC,OAAAC,OAAA,CACFC,GAAG,qBACHC,EAAGnB,EAAeU,GAClBU,OAAO,MACPC,YAAY,iBACZC,aAAa,MACRb,GAAiB,CACpBY,YAAa,IAAGd,EAAW,cAAgB,kBAC3CgB,UAAW,cAAahB,EAAW,oCAAsC,eACzEiB,OAAQ,UACRC,WAAY,sBACZC,OAAQ,CACNH,WAAYhB,GAAY,gDACxBc,YAAa,iBAGXb,GAAe,CAAEmB,KAAM,eACzBhB,GAEHL,+CDpDkB,CAAC,KAAM,KAAM,KAAM"}
+{"version":3,"file":"card.component-de5d4b2a.js","sources":["../src/components/Card/card.types.ts","../src/components/Card/card.component.tsx"],"sourcesContent":["export const cardSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type CardSize = (typeof cardSizes)[number];\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n  xs: 2,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport React, { ReactNode } from 'react';\nimport { CardSize, CardPaddingMap } from './card.types';\n\nexport interface BaseCardProps {\n  isFullWidth?: boolean;\n  size?: CardSize;\n  children?: ReactNode;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  isActive?: never;\n  isInteractive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  isActive?: boolean;\n  isInteractive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n  children,\n  isActive = false,\n  isFullWidth = true,\n  isInteractive = false,\n  size = 'md',\n  ...rest\n}: CardProps): JSX.Element => {\n  return (\n    <Box\n      bg=\"background.default\"\n      p={CardPaddingMap[size]}\n      border=\"1px\"\n      borderColor=\"border.default\"\n      borderRadius=\"lg\"\n      {...(isInteractive && {\n        borderColor: `${isActive ? 'transparent' : 'border.default'}`,\n        boxShadow: `0 0 0 3px ${isActive ? 'var(--chakra-colors-border-focus)' : 'transparent'}`,\n        cursor: 'pointer',\n        transition: '.1s all ease-in-out',\n        _hover: {\n          boxShadow: !isActive && `0 0 0 3px var(--chakra-colors-border-default)`,\n          borderColor: 'transparent',\n        },\n      })}\n      {...(!isFullWidth && { maxW: 'max-content' })}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","lg","md","sm","xs","_a","children","isActive","isFullWidth","isInteractive","size","rest","__rest","React","createElement","Box","Object","assign","bg","p","border","borderColor","borderRadius","boxShadow","cursor","transition","_hover","maxW"],"mappings":"4MAAO,MAGMA,EAA2C,CACtDC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,gBCiBeC,QAAAC,SACnBA,EAAQC,SACRA,GAAW,EAAKC,YAChBA,GAAc,EAAIC,cAClBA,GAAgB,EAAKC,KACrBA,EAAO,QACJC,EANgBC,SAAAP,EAAA,CAAA,WAAA,WAAA,cAAA,gBAAA,SAQnB,OACEQ,EAAA,QAAAC,cAACC,MAAGC,OAAAC,OAAA,CACFC,GAAG,qBACHC,EAAGnB,EAAeU,GAClBU,OAAO,MACPC,YAAY,iBACZC,aAAa,MACRb,GAAiB,CACpBY,YAAa,IAAGd,EAAW,cAAgB,kBAC3CgB,UAAW,cAAahB,EAAW,oCAAsC,eACzEiB,OAAQ,UACRC,WAAY,sBACZC,OAAQ,CACNH,WAAYhB,GAAY,gDACxBc,YAAa,iBAGXb,GAAe,CAAEmB,KAAM,eACzBhB,GAEHL,+CDpDkB,CAAC,KAAM,KAAM,KAAM"}

package/build/chakra/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-75810d78.js"),r=require("../chakra-ui-modal.esm-5ec83d2f.js"),o=require("../chakra-ui-layout.esm-6ee578f7.js"),t=require("../chakra-ui-button.esm-bd065780.js"),s=require("../chakra-ui-alert.esm-17eebb99.js"),a=require("../chakra-ui-avatar.esm-eee70d3a.js"),p=require("../chakra-ui-checkbox.esm-499c8b0c.js"),u=require("../chakra-ui-input.esm-5fd07056.js"),i=require("../chakra-ui-menu.esm-fe9ef385.js"),n=require("../chakra-ui-popover.esm-172468d8.js"),x=require("../chakra-ui-radio.esm-f310d451.js"),d=require("../chakra-ui-select.esm-793cf4de.js"),l=require("../chakra-ui-tabs.esm-e6372403.js"),c=require("../chakra-ui-textarea.esm-23fad4cd.js"),m=require("../chakra-ui-form-control.esm-6d25b1a4.js"),C=require("../chakra-ui-media-query.esm-6217de7e.js"),b=require("../chakra-ui-image.esm-66324087.js"),k=require("../chakra-ui-system.esm-c70df670.js"),M=require("../chakra-ui-portal.esm-bbcb5d1d.js"),h=require("../chakra-ui-hooks.esm-21b313f3.js");require("../chakra-ui-icon.esm-9c49b31b.js"),require("react"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../index-8fecff45.js"),require("../tslib.es6-194b75fc.js"),require("../inheritsLoose-490721fe.js"),require("../index-6cdfadbe.js"),require("../motion-b6060749.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.AlertDialog=r.AlertDialog,exports.AlertDialogBody=r.ModalBody,exports.AlertDialogContent=r.AlertDialogContent,exports.AlertDialogFooter=r.ModalFooter,exports.AlertDialogHeader=r.ModalHeader,exports.AlertDialogOverlay=r.ModalOverlay,exports.CModal=r.Modal,exports.CModalBody=r.ModalBody,exports.CModalCloseButton=r.ModalCloseButton,exports.CModalFooter=r.ModalFooter,exports.CModalHeader=r.ModalHeader,exports.Collapse=r.Collapse,exports.Drawer=r.Drawer,exports.DrawerBody=r.ModalBody,exports.DrawerCloseButton=r.ModalCloseButton,exports.DrawerContent=r.DrawerContent,exports.DrawerFooter=r.ModalFooter,exports.DrawerHeader=r.ModalHeader,exports.DrawerOverlay=r.ModalOverlay,exports.ModalContent=r.ModalContent,exports.ModalOverlay=r.ModalOverlay,exports.Badge=o.Badge,exports.Box=o.Box,exports.Center=o.Center,exports.Circle=o.Circle,exports.Code=o.Code,exports.Container=o.Container,exports.Divider=o.Divider,exports.Flex=o.Flex,exports.Grid=o.Grid,exports.GridItem=o.GridItem,exports.HStack=o.HStack,exports.LinkBox=o.LinkBox,exports.LinkOverlay=o.LinkOverlay,exports.List=o.List,exports.ListItem=o.ListItem,exports.OrderedList=o.OrderedList,exports.SimpleGrid=o.SimpleGrid,exports.Spacer=o.Spacer,exports.Square=o.Square,exports.Stack=o.Stack,exports.UnorderedList=o.UnorderedList,exports.VStack=o.VStack,exports.Wrap=o.Wrap,exports.WrapItem=o.WrapItem,exports.ButtonGroup=t.ButtonGroup,exports.CButton=t.Button,exports.IconButton=t.IconButton,exports.CAlert=s.Alert,exports.CAvatar=a.Avatar,exports.CCheckboxGroup=p.CheckboxGroup,exports.useCheckbox=p.useCheckbox,exports.useCheckboxGroup=p.useCheckboxGroup,exports.CInput=u.Input,exports.InputGroup=u.InputGroup,exports.InputLeftAddon=u.InputLeftAddon,exports.InputLeftElement=u.InputLeftElement,exports.InputRightElement=u.InputRightElement,exports.CMenu=i.Menu,exports.CMenuButton=i.MenuButton,exports.CMenuItem=i.MenuItem,exports.CMenuList=i.MenuList,exports.MenuDivider=i.MenuDivider,exports.MenuGroup=i.MenuGroup,exports.MenuItemOption=i.MenuItemOption,exports.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.CSelect=d.Select,exports.CTab=l.Tab,exports.CTabs=l.Tabs,exports.TabList=l.TabList,exports.TabPanel=l.TabPanel,exports.TabPanels=l.TabPanels,exports.CTextarea=c.Textarea,exports.FormControl=m.FormControl,exports.FormErrorMessage=m.FormErrorMessage,exports.FormHelperText=m.FormHelperText,exports.FormLabel=m.FormLabel,exports.Hide=C.Hide,exports.Show=C.Show,exports.useBreakpoint=C.useBreakpoint,exports.useBreakpointValue=C.useBreakpointValue,exports.useMediaQuery=C.useMediaQuery,exports.Image=b.Image$1,exports.keyframes=k.keyframes,exports.useColorMode=k.useColorMode,exports.Portal=M.Portal,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure,exports.useInterval=h.useInterval,exports.useOutsideClick=h.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-460afb52.js"),r=require("../chakra-ui-modal.esm-f42d0687.js"),o=require("../chakra-ui-layout.esm-6ee578f7.js"),t=require("../chakra-ui-button.esm-bd065780.js"),s=require("../chakra-ui-alert.esm-17eebb99.js"),a=require("../chakra-ui-avatar.esm-eee70d3a.js"),p=require("../chakra-ui-checkbox.esm-4cded6a7.js"),u=require("../chakra-ui-input.esm-5fd07056.js"),i=require("../chakra-ui-menu.esm-1ed98193.js"),n=require("../chakra-ui-popover.esm-1e836c11.js"),x=require("../chakra-ui-radio.esm-f310d451.js"),d=require("../chakra-ui-select.esm-793cf4de.js"),l=require("../chakra-ui-tabs.esm-e6372403.js"),c=require("../chakra-ui-textarea.esm-23fad4cd.js"),m=require("../chakra-ui-form-control.esm-6d25b1a4.js"),C=require("../chakra-ui-media-query.esm-6217de7e.js"),k=require("../chakra-ui-image.esm-66324087.js"),b=require("../chakra-ui-system.esm-c70df670.js"),M=require("../chakra-ui-portal.esm-bbcb5d1d.js"),h=require("../chakra-ui-hooks.esm-21b313f3.js");require("../chakra-ui-icon.esm-9c49b31b.js"),require("react"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../index-1a339061.js"),require("../tslib.es6-d6f17add.js"),require("../inheritsLoose-490721fe.js"),require("../index-5a9be08d.js"),require("../motion-7de675ca.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("react-dom"),exports.Accordion=e.Accordion,exports.AccordionButton=e.AccordionButton,exports.AccordionIcon=e.AccordionIcon,exports.AccordionItem=e.AccordionItem,exports.AccordionPanel=e.AccordionPanel,exports.NumberDecrementStepper=e.NumberDecrementStepper,exports.NumberIncrementStepper=e.NumberIncrementStepper,exports.NumberInput=e.NumberInput,exports.NumberInputField=e.NumberInputField,exports.NumberInputStepper=e.NumberInputStepper,exports.PinInput=e.PinInput,exports.PinInputField=e.PinInputField,exports.Progress=e.Progress,exports.Skeleton=e.Skeleton,exports.SkeletonText=e.SkeletonText,exports.Table=e.Table,exports.TableCaption=e.TableCaption,exports.TableContainer=e.TableContainer,exports.Tbody=e.Tbody,exports.Td=e.Td,exports.Tfoot=e.Tfoot,exports.Th=e.Th,exports.Thead=e.Thead,exports.Tr=e.Tr,exports.AlertDialog=r.AlertDialog,exports.AlertDialogBody=r.ModalBody,exports.AlertDialogContent=r.AlertDialogContent,exports.AlertDialogFooter=r.ModalFooter,exports.AlertDialogHeader=r.ModalHeader,exports.AlertDialogOverlay=r.ModalOverlay,exports.CModal=r.Modal,exports.CModalBody=r.ModalBody,exports.CModalCloseButton=r.ModalCloseButton,exports.CModalFooter=r.ModalFooter,exports.CModalHeader=r.ModalHeader,exports.Collapse=r.Collapse,exports.Drawer=r.Drawer,exports.DrawerBody=r.ModalBody,exports.DrawerCloseButton=r.ModalCloseButton,exports.DrawerContent=r.DrawerContent,exports.DrawerFooter=r.ModalFooter,exports.DrawerHeader=r.ModalHeader,exports.DrawerOverlay=r.ModalOverlay,exports.ModalContent=r.ModalContent,exports.ModalOverlay=r.ModalOverlay,exports.Badge=o.Badge,exports.Box=o.Box,exports.Center=o.Center,exports.Circle=o.Circle,exports.Code=o.Code,exports.Container=o.Container,exports.Divider=o.Divider,exports.Flex=o.Flex,exports.Grid=o.Grid,exports.GridItem=o.GridItem,exports.HStack=o.HStack,exports.LinkBox=o.LinkBox,exports.LinkOverlay=o.LinkOverlay,exports.List=o.List,exports.ListItem=o.ListItem,exports.OrderedList=o.OrderedList,exports.SimpleGrid=o.SimpleGrid,exports.Spacer=o.Spacer,exports.Square=o.Square,exports.Stack=o.Stack,exports.UnorderedList=o.UnorderedList,exports.VStack=o.VStack,exports.Wrap=o.Wrap,exports.WrapItem=o.WrapItem,exports.ButtonGroup=t.ButtonGroup,exports.CButton=t.Button,exports.IconButton=t.IconButton,exports.CAlert=s.Alert,exports.CAvatar=a.Avatar,exports.CCheckboxGroup=p.CheckboxGroup,exports.useCheckbox=p.useCheckbox,exports.useCheckboxGroup=p.useCheckboxGroup,exports.CInput=u.Input,exports.InputGroup=u.InputGroup,exports.InputLeftAddon=u.InputLeftAddon,exports.InputLeftElement=u.InputLeftElement,exports.InputRightElement=u.InputRightElement,exports.CMenu=i.Menu,exports.CMenuButton=i.MenuButton,exports.CMenuItem=i.MenuItem,exports.CMenuList=i.MenuList,exports.MenuDivider=i.MenuDivider,exports.MenuGroup=i.MenuGroup,exports.MenuItemOption=i.MenuItemOption,exports.CPopover=n.Popover,exports.CPopoverBody=n.PopoverBody,exports.CPopoverFooter=n.PopoverFooter,exports.CPopoverHeader=n.PopoverHeader,exports.PopoverArrow=n.PopoverArrow,exports.PopoverContent=n.PopoverContent,exports.PopoverTrigger=n.PopoverTrigger,exports.usePopoverContext=n.usePopoverContext,exports.CRadioGroup=x.RadioGroup,exports.useRadio=x.useRadio,exports.useRadioGroup=x.useRadioGroup,exports.CSelect=d.Select,exports.CTab=l.Tab,exports.CTabs=l.Tabs,exports.TabList=l.TabList,exports.TabPanel=l.TabPanel,exports.TabPanels=l.TabPanels,exports.CTextarea=c.Textarea,exports.FormControl=m.FormControl,exports.FormErrorMessage=m.FormErrorMessage,exports.FormHelperText=m.FormHelperText,exports.FormLabel=m.FormLabel,exports.Hide=C.Hide,exports.Show=C.Show,exports.useBreakpoint=C.useBreakpoint,exports.useBreakpointValue=C.useBreakpointValue,exports.useMediaQuery=C.useMediaQuery,exports.Image=k.Image$1,exports.keyframes=b.keyframes,exports.useColorMode=b.useColorMode,exports.Portal=M.Portal,exports.useConst=h.useConst,exports.useDisclosure=h.useDisclosure,exports.useInterval=h.useInterval,exports.useOutsideClick=h.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/{chakra-ui-checkbox.esm-499c8b0c.js → chakra-ui-checkbox.esm-4cded6a7.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./chakra-ui-system.esm-c70df670.js"),a=require("react"),t=require("./chakra-ui-hooks.esm-21b313f3.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),r=require("./chakra-ui-visually-hidden.esm-b758df74.js"),i=require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),l=require("./motion-b6060749.js"),o=require("./index-6cdfadbe.js");function c(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var s=c(a);function u(){return u=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}function d(n){void 0===n&&(n={});var r=n,l=r.defaultValue,o=r.value,c=r.onChange,s=r.isDisabled,d=r.isNative,f=i.useCallbackRef(c),h=t.useControllableState({value:o,defaultValue:l||[],onChange:f}),k=h[0],v=h[1],b=a.useCallback((function(a){if(k){var t=e.isInputEvent(a)?a.target.checked:!k.includes(a),n=e.isInputEvent(a)?a.target.value:a,r=t?e.addItem(k,n):k.filter((function(e){return String(e)!==String(n)}));v(r)}}),[v,k]),m=a.useCallback((function(e){var a;return void 0===e&&(e={}),u({},e,((a={})[d?"checked":"isChecked"]=k.some((function(a){return String(e.value)===String(a)})),a.onChange=b,a))}),[b,d,k]);return{value:k,isDisabled:s,onChange:b,setValue:v,getCheckboxProps:m}}var f=e.createContext({name:"CheckboxGroupContext",strict:!1}),h=f[0],k=f[1],v=function(e){var a=e.colorScheme,t=e.size,n=e.variant,r=e.children,i=e.isDisabled,l=d(e),o=l.value,c=l.onChange,u=s.useMemo((function(){return{size:t,onChange:c,colorScheme:a,value:o,variant:n,isDisabled:i}}),[t,c,a,o,n,i]);return s.createElement(h,{value:u},r)};function b(e,a){if(null==e)return{};var t,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}e.__DEV__&&(v.displayName="CheckboxGroup");var m=["isIndeterminate","isChecked"];var p,C,y=(p=e.chakra.svg,"custom"in(C=l.motion)&&"function"==typeof C.custom?C.custom(p):C(p)),g=function(e){return s.createElement(y,u({width:"1.2em",viewBox:"0 0 12 10",variants:{unchecked:{opacity:0,strokeDashoffset:16},checked:{opacity:1,strokeDashoffset:0,transition:{duration:.2}}},style:{fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16}},e),s.createElement("polyline",{points:"1.5 6 4.5 9 10.5 1"}))},x=function(e){return s.createElement(y,u({width:"1.2em",viewBox:"0 0 24 24",variants:{unchecked:{scaleX:.65,opacity:0},checked:{scaleX:1,opacity:1,transition:{scaleX:{duration:0},opacity:{duration:.02}}}},style:{stroke:"currentColor",strokeWidth:4}},e),s.createElement("line",{x1:"21",x2:"3",y1:"12",y2:"12"}))},A=function(e){var a=e.open,t=e.children;return s.createElement(o.AnimatePresence,{initial:!1},a&&s.createElement(l.motion.div,{variants:{unchecked:{scale:.5},checked:{scale:1}},initial:"unchecked",animate:"checked",exit:"unchecked",style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},t))},I=function(e){var a=e.isIndeterminate,t=e.isChecked,n=b(e,m),r=a?x:g;return s.createElement(A,{open:t||a},s.createElement(r,n))},D=["defaultIsChecked","defaultChecked","isChecked","isFocusable","onChange","isIndeterminate","name","value","tabIndex","aria-label","aria-labelledby","aria-invalid"];function E(l){void 0===l&&(l={});var o=n.useFormControlProps(l),c=o.isDisabled,s=o.isReadOnly,d=o.isRequired,f=o.isInvalid,h=o.id,k=o.onBlur,v=o.onFocus,m=o["aria-describedby"],p=l,C=p.defaultIsChecked,y=p.defaultChecked,g=void 0===y?C:y,x=p.isChecked,A=p.isFocusable,I=p.onChange,E=p.isIndeterminate,S=p.name,P=p.value,j=p.tabIndex,R=void 0===j?void 0:j,w=p["aria-label"],O=p["aria-labelledby"],H=p["aria-invalid"],M=b(p,D),q=e.omit(M,["isDisabled","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","aria-describedby"]),B=i.useCallbackRef(I),N=i.useCallbackRef(k),F=i.useCallbackRef(v),L=t.useBoolean(),z=L[0],T=L[1],U=t.useBoolean(),V=U[0],G=U[1],K=t.useBoolean(),X=K[0],W=K[1],J=a.useRef(null),Q=a.useState(!0),Y=Q[0],Z=Q[1],$=a.useState(!!g),ee=$[0],ae=$[1],te=t.useControllableProp(x,ee),ne=te[0],re=te[1];e.warn({condition:!!C,message:'The "defaultIsChecked" prop has been deprecated and will be removed in a future version. Please use the "defaultChecked" prop instead, which mirrors default React checkbox behavior.'});var ie=a.useCallback((function(e){s||c?e.preventDefault():(ne||ae(re?e.target.checked:!!E||e.target.checked),null==B||B(e))}),[s,c,re,ne,E,B]);i.useSafeLayoutEffect((function(){J.current&&(J.current.indeterminate=Boolean(E))}),[E]),t.useUpdateEffect((function(){c&&T.off()}),[c,T]);var le=c&&!A,oe=a.useCallback((function(e){" "===e.key&&W.on()}),[W]),ce=a.useCallback((function(e){" "===e.key&&W.off()}),[W]);i.useSafeLayoutEffect((function(){J.current&&(J.current.checked!==re&&ae(J.current.checked))}),[J.current]);var se=a.useCallback((function(a,t){void 0===a&&(a={}),void 0===t&&(t=null);return u({},a,{ref:t,"data-active":e.dataAttr(X),"data-hover":e.dataAttr(V),"data-checked":e.dataAttr(re),"data-focus":e.dataAttr(z),"data-indeterminate":e.dataAttr(E),"data-disabled":e.dataAttr(c),"data-invalid":e.dataAttr(f),"data-readonly":e.dataAttr(s),"aria-hidden":!0,onMouseDown:e.callAllHandlers(a.onMouseDown,(function(e){e.preventDefault(),W.on()})),onMouseUp:e.callAllHandlers(a.onMouseUp,W.off),onMouseEnter:e.callAllHandlers(a.onMouseEnter,G.on),onMouseLeave:e.callAllHandlers(a.onMouseLeave,G.off)})}),[X,re,c,z,V,E,f,s,W,G.off,G.on]),ue=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),u({},q,a,{ref:e.mergeRefs(t,(function(e){e&&Z("LABEL"===e.tagName)})),onClick:e.callAllHandlers(a.onClick,(function(){var a;Y||(null==(a=J.current)||a.click(),e.focus(J.current,{nextTick:!0}))})),"data-disabled":e.dataAttr(c),"data-checked":e.dataAttr(re),"data-invalid":e.dataAttr(f)})}),[q,c,re,f,Y]),de=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),u({},a,{ref:e.mergeRefs(J,t),type:"checkbox",name:S,value:P,id:h,tabIndex:R,onChange:e.callAllHandlers(a.onChange,ie),onBlur:e.callAllHandlers(a.onBlur,N,T.off),onFocus:e.callAllHandlers(a.onFocus,F,T.on),onKeyDown:e.callAllHandlers(a.onKeyDown,oe),onKeyUp:e.callAllHandlers(a.onKeyUp,ce),required:d,checked:re,disabled:le,readOnly:s,"aria-label":w,"aria-labelledby":O,"aria-invalid":H?Boolean(H):f,"aria-describedby":m,"aria-disabled":c,style:r.visuallyHiddenStyle})}),[S,P,h,ie,T.off,T.on,N,F,oe,ce,d,re,le,s,w,O,H,f,m,c,R]),fe=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),u({},a,{ref:t,onMouseDown:e.callAllHandlers(a.onMouseDown,_),onTouchStart:e.callAllHandlers(a.onTouchStart,_),"data-disabled":e.dataAttr(c),"data-checked":e.dataAttr(re),"data-invalid":e.dataAttr(f)})}),[re,c,f]);return{state:{isInvalid:f,isFocused:z,isChecked:re,isActive:X,isHovered:V,isIndeterminate:E,isDisabled:c,isReadOnly:s,isRequired:d},getRootProps:ue,getCheckboxProps:se,getInputProps:de,getLabelProps:fe,htmlProps:q}}function _(e){e.preventDefault(),e.stopPropagation()}var S=["spacing","className","children","iconColor","iconSize","icon","isChecked","isDisabled","onChange","inputProps"],P=e.chakra("span",{baseStyle:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0}}),j=e.chakra("label",{baseStyle:{cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative"}}),R=e.forwardRef((function(a,t){var n=k(),r=u({},n,a),i=e.useMultiStyleConfig("Checkbox",r),l=e.omitThemingProps(a),o=l.spacing,c=void 0===o?"0.5rem":o,d=l.className,f=l.children,h=l.iconColor,v=l.iconSize,m=l.icon,p=void 0===m?s.createElement(I,null):m,C=l.isChecked,y=l.isDisabled,g=void 0===y?null==n?void 0:n.isDisabled:y,x=l.onChange,A=l.inputProps,D=b(l,S),_=C;null!=n&&n.value&&l.value&&(_=n.value.includes(l.value));var R=x;null!=n&&n.onChange&&l.value&&(R=e.callAll(n.onChange,x));var w=E(u({},D,{isDisabled:g,isChecked:_,onChange:R})),O=w.state,H=w.getInputProps,M=w.getCheckboxProps,q=w.getLabelProps,B=w.getRootProps,N=s.useMemo((function(){return u({opacity:O.isChecked||O.isIndeterminate?1:0,transform:O.isChecked||O.isIndeterminate?"scale(1)":"scale(0.95)",fontSize:v,color:h},i.icon)}),[h,v,O.isChecked,O.isIndeterminate,i.icon]),F=s.cloneElement(p,{__css:N,isIndeterminate:O.isIndeterminate,isChecked:O.isChecked});return s.createElement(j,u({__css:i.container,className:e.cx("chakra-checkbox",d)},B()),s.createElement("input",u({className:"chakra-checkbox__input"},H(A,t))),s.createElement(P,u({__css:i.control,className:"chakra-checkbox__control"},M()),F),f&&s.createElement(e.chakra.span,u({className:"chakra-checkbox__label"},q(),{__css:u({marginStart:c},i.label)}),f))}));e.__DEV__&&(R.displayName="Checkbox"),exports.Checkbox=R,exports.CheckboxGroup=v,exports.useCheckbox=E,exports.useCheckboxGroup=d;
-//# sourceMappingURL=chakra-ui-checkbox.esm-499c8b0c.js.map
+"use strict";var e=require("./chakra-ui-system.esm-c70df670.js"),a=require("react"),t=require("./chakra-ui-hooks.esm-21b313f3.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),r=require("./chakra-ui-visually-hidden.esm-b758df74.js"),i=require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),l=require("./motion-7de675ca.js"),o=require("./index-5a9be08d.js");function c(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var s=c(a);function u(){return u=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}function d(n){void 0===n&&(n={});var r=n,l=r.defaultValue,o=r.value,c=r.onChange,s=r.isDisabled,d=r.isNative,f=i.useCallbackRef(c),h=t.useControllableState({value:o,defaultValue:l||[],onChange:f}),k=h[0],v=h[1],b=a.useCallback((function(a){if(k){var t=e.isInputEvent(a)?a.target.checked:!k.includes(a),n=e.isInputEvent(a)?a.target.value:a,r=t?e.addItem(k,n):k.filter((function(e){return String(e)!==String(n)}));v(r)}}),[v,k]),m=a.useCallback((function(e){var a;return void 0===e&&(e={}),u({},e,((a={})[d?"checked":"isChecked"]=k.some((function(a){return String(e.value)===String(a)})),a.onChange=b,a))}),[b,d,k]);return{value:k,isDisabled:s,onChange:b,setValue:v,getCheckboxProps:m}}var f=e.createContext({name:"CheckboxGroupContext",strict:!1}),h=f[0],k=f[1],v=function(e){var a=e.colorScheme,t=e.size,n=e.variant,r=e.children,i=e.isDisabled,l=d(e),o=l.value,c=l.onChange,u=s.useMemo((function(){return{size:t,onChange:c,colorScheme:a,value:o,variant:n,isDisabled:i}}),[t,c,a,o,n,i]);return s.createElement(h,{value:u},r)};function b(e,a){if(null==e)return{};var t,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}e.__DEV__&&(v.displayName="CheckboxGroup");var m=["isIndeterminate","isChecked"];var p,C,y=(p=e.chakra.svg,"custom"in(C=l.motion)&&"function"==typeof C.custom?C.custom(p):C(p)),g=function(e){return s.createElement(y,u({width:"1.2em",viewBox:"0 0 12 10",variants:{unchecked:{opacity:0,strokeDashoffset:16},checked:{opacity:1,strokeDashoffset:0,transition:{duration:.2}}},style:{fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16}},e),s.createElement("polyline",{points:"1.5 6 4.5 9 10.5 1"}))},x=function(e){return s.createElement(y,u({width:"1.2em",viewBox:"0 0 24 24",variants:{unchecked:{scaleX:.65,opacity:0},checked:{scaleX:1,opacity:1,transition:{scaleX:{duration:0},opacity:{duration:.02}}}},style:{stroke:"currentColor",strokeWidth:4}},e),s.createElement("line",{x1:"21",x2:"3",y1:"12",y2:"12"}))},A=function(e){var a=e.open,t=e.children;return s.createElement(o.AnimatePresence,{initial:!1},a&&s.createElement(l.motion.div,{variants:{unchecked:{scale:.5},checked:{scale:1}},initial:"unchecked",animate:"checked",exit:"unchecked",style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},t))},I=function(e){var a=e.isIndeterminate,t=e.isChecked,n=b(e,m),r=a?x:g;return s.createElement(A,{open:t||a},s.createElement(r,n))},D=["defaultIsChecked","defaultChecked","isChecked","isFocusable","onChange","isIndeterminate","name","value","tabIndex","aria-label","aria-labelledby","aria-invalid"];function E(l){void 0===l&&(l={});var o=n.useFormControlProps(l),c=o.isDisabled,s=o.isReadOnly,d=o.isRequired,f=o.isInvalid,h=o.id,k=o.onBlur,v=o.onFocus,m=o["aria-describedby"],p=l,C=p.defaultIsChecked,y=p.defaultChecked,g=void 0===y?C:y,x=p.isChecked,A=p.isFocusable,I=p.onChange,E=p.isIndeterminate,S=p.name,P=p.value,j=p.tabIndex,R=void 0===j?void 0:j,w=p["aria-label"],O=p["aria-labelledby"],H=p["aria-invalid"],M=b(p,D),q=e.omit(M,["isDisabled","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","aria-describedby"]),B=i.useCallbackRef(I),N=i.useCallbackRef(k),F=i.useCallbackRef(v),L=t.useBoolean(),z=L[0],T=L[1],U=t.useBoolean(),V=U[0],G=U[1],K=t.useBoolean(),X=K[0],W=K[1],J=a.useRef(null),Q=a.useState(!0),Y=Q[0],Z=Q[1],$=a.useState(!!g),ee=$[0],ae=$[1],te=t.useControllableProp(x,ee),ne=te[0],re=te[1];e.warn({condition:!!C,message:'The "defaultIsChecked" prop has been deprecated and will be removed in a future version. Please use the "defaultChecked" prop instead, which mirrors default React checkbox behavior.'});var ie=a.useCallback((function(e){s||c?e.preventDefault():(ne||ae(re?e.target.checked:!!E||e.target.checked),null==B||B(e))}),[s,c,re,ne,E,B]);i.useSafeLayoutEffect((function(){J.current&&(J.current.indeterminate=Boolean(E))}),[E]),t.useUpdateEffect((function(){c&&T.off()}),[c,T]);var le=c&&!A,oe=a.useCallback((function(e){" "===e.key&&W.on()}),[W]),ce=a.useCallback((function(e){" "===e.key&&W.off()}),[W]);i.useSafeLayoutEffect((function(){J.current&&(J.current.checked!==re&&ae(J.current.checked))}),[J.current]);var se=a.useCallback((function(a,t){void 0===a&&(a={}),void 0===t&&(t=null);return u({},a,{ref:t,"data-active":e.dataAttr(X),"data-hover":e.dataAttr(V),"data-checked":e.dataAttr(re),"data-focus":e.dataAttr(z),"data-indeterminate":e.dataAttr(E),"data-disabled":e.dataAttr(c),"data-invalid":e.dataAttr(f),"data-readonly":e.dataAttr(s),"aria-hidden":!0,onMouseDown:e.callAllHandlers(a.onMouseDown,(function(e){e.preventDefault(),W.on()})),onMouseUp:e.callAllHandlers(a.onMouseUp,W.off),onMouseEnter:e.callAllHandlers(a.onMouseEnter,G.on),onMouseLeave:e.callAllHandlers(a.onMouseLeave,G.off)})}),[X,re,c,z,V,E,f,s,W,G.off,G.on]),ue=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),u({},q,a,{ref:e.mergeRefs(t,(function(e){e&&Z("LABEL"===e.tagName)})),onClick:e.callAllHandlers(a.onClick,(function(){var a;Y||(null==(a=J.current)||a.click(),e.focus(J.current,{nextTick:!0}))})),"data-disabled":e.dataAttr(c),"data-checked":e.dataAttr(re),"data-invalid":e.dataAttr(f)})}),[q,c,re,f,Y]),de=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),u({},a,{ref:e.mergeRefs(J,t),type:"checkbox",name:S,value:P,id:h,tabIndex:R,onChange:e.callAllHandlers(a.onChange,ie),onBlur:e.callAllHandlers(a.onBlur,N,T.off),onFocus:e.callAllHandlers(a.onFocus,F,T.on),onKeyDown:e.callAllHandlers(a.onKeyDown,oe),onKeyUp:e.callAllHandlers(a.onKeyUp,ce),required:d,checked:re,disabled:le,readOnly:s,"aria-label":w,"aria-labelledby":O,"aria-invalid":H?Boolean(H):f,"aria-describedby":m,"aria-disabled":c,style:r.visuallyHiddenStyle})}),[S,P,h,ie,T.off,T.on,N,F,oe,ce,d,re,le,s,w,O,H,f,m,c,R]),fe=a.useCallback((function(a,t){return void 0===a&&(a={}),void 0===t&&(t=null),u({},a,{ref:t,onMouseDown:e.callAllHandlers(a.onMouseDown,_),onTouchStart:e.callAllHandlers(a.onTouchStart,_),"data-disabled":e.dataAttr(c),"data-checked":e.dataAttr(re),"data-invalid":e.dataAttr(f)})}),[re,c,f]);return{state:{isInvalid:f,isFocused:z,isChecked:re,isActive:X,isHovered:V,isIndeterminate:E,isDisabled:c,isReadOnly:s,isRequired:d},getRootProps:ue,getCheckboxProps:se,getInputProps:de,getLabelProps:fe,htmlProps:q}}function _(e){e.preventDefault(),e.stopPropagation()}var S=["spacing","className","children","iconColor","iconSize","icon","isChecked","isDisabled","onChange","inputProps"],P=e.chakra("span",{baseStyle:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0}}),j=e.chakra("label",{baseStyle:{cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative"}}),R=e.forwardRef((function(a,t){var n=k(),r=u({},n,a),i=e.useMultiStyleConfig("Checkbox",r),l=e.omitThemingProps(a),o=l.spacing,c=void 0===o?"0.5rem":o,d=l.className,f=l.children,h=l.iconColor,v=l.iconSize,m=l.icon,p=void 0===m?s.createElement(I,null):m,C=l.isChecked,y=l.isDisabled,g=void 0===y?null==n?void 0:n.isDisabled:y,x=l.onChange,A=l.inputProps,D=b(l,S),_=C;null!=n&&n.value&&l.value&&(_=n.value.includes(l.value));var R=x;null!=n&&n.onChange&&l.value&&(R=e.callAll(n.onChange,x));var w=E(u({},D,{isDisabled:g,isChecked:_,onChange:R})),O=w.state,H=w.getInputProps,M=w.getCheckboxProps,q=w.getLabelProps,B=w.getRootProps,N=s.useMemo((function(){return u({opacity:O.isChecked||O.isIndeterminate?1:0,transform:O.isChecked||O.isIndeterminate?"scale(1)":"scale(0.95)",fontSize:v,color:h},i.icon)}),[h,v,O.isChecked,O.isIndeterminate,i.icon]),F=s.cloneElement(p,{__css:N,isIndeterminate:O.isIndeterminate,isChecked:O.isChecked});return s.createElement(j,u({__css:i.container,className:e.cx("chakra-checkbox",d)},B()),s.createElement("input",u({className:"chakra-checkbox__input"},H(A,t))),s.createElement(P,u({__css:i.control,className:"chakra-checkbox__control"},M()),F),f&&s.createElement(e.chakra.span,u({className:"chakra-checkbox__label"},q(),{__css:u({marginStart:c},i.label)}),f))}));e.__DEV__&&(R.displayName="Checkbox"),exports.Checkbox=R,exports.CheckboxGroup=v,exports.useCheckbox=E,exports.useCheckboxGroup=d;
+//# sourceMappingURL=chakra-ui-checkbox.esm-4cded6a7.js.map

package/build/{chakra-ui-checkbox.esm-499c8b0c.js.map → chakra-ui-checkbox.esm-4cded6a7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chakra-ui-checkbox.esm-499c8b0c.js","sources":["../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js"],"sourcesContent":["import { isInputEvent, addItem, __DEV__, omit, warn, dataAttr, callAllHandlers, focus, callAll, cx } from '@chakra-ui/utils';\nimport { createContext, mergeRefs } from '@chakra-ui/react-utils';\nimport * as React from 'react';\nimport { useCallback, useRef, useState } from 'react';\nimport { useCallbackRef, useControllableState, useBoolean, useControllableProp, useSafeLayoutEffect, useUpdateEffect } from '@chakra-ui/hooks';\nimport { chakra, forwardRef, useMultiStyleConfig, omitThemingProps } from '@chakra-ui/system';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { useFormControlProps } from '@chakra-ui/form-control';\nimport { visuallyHiddenStyle } from '@chakra-ui/visually-hidden';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\n/**\n * React hook that provides all the state management logic\n * for a group of checkboxes.\n *\n * It is consumed by the `CheckboxGroup` component\n */\nfunction useCheckboxGroup(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var _props = props,\n      defaultValue = _props.defaultValue,\n      valueProp = _props.value,\n      onChange = _props.onChange,\n      isDisabled = _props.isDisabled,\n      isNative = _props.isNative;\n  var onChangeProp = useCallbackRef(onChange);\n\n  var _useControllableState = useControllableState({\n    value: valueProp,\n    defaultValue: defaultValue || [],\n    onChange: onChangeProp\n  }),\n      value = _useControllableState[0],\n      setValue = _useControllableState[1];\n\n  var handleChange = useCallback(function (eventOrValue) {\n    if (!value) return;\n    var isChecked = isInputEvent(eventOrValue) ? eventOrValue.target.checked : !value.includes(eventOrValue);\n    var selectedValue = isInputEvent(eventOrValue) ? eventOrValue.target.value : eventOrValue;\n    var nextValue = isChecked ? addItem(value, selectedValue) : value.filter(function (v) {\n      return String(v) !== String(selectedValue);\n    });\n    setValue(nextValue);\n  }, [setValue, value]);\n  var getCheckboxProps = useCallback(function (props) {\n    var _extends2;\n\n    if (props === void 0) {\n      props = {};\n    }\n\n    var checkedKey = isNative ? \"checked\" : \"isChecked\";\n    return _extends({}, props, (_extends2 = {}, _extends2[checkedKey] = value.some(function (val) {\n      return String(props.value) === String(val);\n    }), _extends2.onChange = handleChange, _extends2));\n  }, [handleChange, isNative, value]);\n  return {\n    value: value,\n    isDisabled: isDisabled,\n    onChange: handleChange,\n    setValue: setValue,\n    getCheckboxProps: getCheckboxProps\n  };\n}\n\nvar _createContext = createContext({\n  name: \"CheckboxGroupContext\",\n  strict: false\n}),\n    CheckboxGroupProvider = _createContext[0],\n    useCheckboxGroupContext = _createContext[1];\n/**\n * Used for multiple checkboxes which are bound in one group,\n * and it indicates whether one or more options are selected.\n *\n * @see Docs https://chakra-ui.com/checkbox\n */\n\nvar CheckboxGroup = function CheckboxGroup(props) {\n  var colorScheme = props.colorScheme,\n      size = props.size,\n      variant = props.variant,\n      children = props.children,\n      isDisabled = props.isDisabled;\n\n  var _useCheckboxGroup = useCheckboxGroup(props),\n      value = _useCheckboxGroup.value,\n      onChange = _useCheckboxGroup.onChange;\n\n  var group = React.useMemo(function () {\n    return {\n      size: size,\n      onChange: onChange,\n      colorScheme: colorScheme,\n      value: value,\n      variant: variant,\n      isDisabled: isDisabled\n    };\n  }, [size, onChange, colorScheme, value, variant, isDisabled]);\n  return /*#__PURE__*/React.createElement(CheckboxGroupProvider, {\n    value: group\n  }, children);\n};\n\nif (__DEV__) {\n  CheckboxGroup.displayName = \"CheckboxGroup\";\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded$2 = [\"isIndeterminate\", \"isChecked\"];\n\nfunction __motion(el) {\n  var m = motion;\n\n  if (\"custom\" in m && typeof m.custom === \"function\") {\n    return m.custom(el);\n  }\n\n  return m(el);\n} // @future: only call `motion(chakra.svg)` when we drop framer-motion v3 support\n\n\nvar MotionSvg = __motion(chakra.svg);\n\nvar CheckIcon = function CheckIcon(props) {\n  return /*#__PURE__*/React.createElement(MotionSvg, _extends({\n    width: \"1.2em\",\n    viewBox: \"0 0 12 10\",\n    variants: {\n      unchecked: {\n        opacity: 0,\n        strokeDashoffset: 16\n      },\n      checked: {\n        opacity: 1,\n        strokeDashoffset: 0,\n        transition: {\n          duration: 0.2\n        }\n      }\n    },\n    style: {\n      fill: \"none\",\n      strokeWidth: 2,\n      stroke: \"currentColor\",\n      strokeDasharray: 16\n    }\n  }, props), /*#__PURE__*/React.createElement(\"polyline\", {\n    points: \"1.5 6 4.5 9 10.5 1\"\n  }));\n};\n\nvar IndeterminateIcon = function IndeterminateIcon(props) {\n  return /*#__PURE__*/React.createElement(MotionSvg, _extends({\n    width: \"1.2em\",\n    viewBox: \"0 0 24 24\",\n    variants: {\n      unchecked: {\n        scaleX: 0.65,\n        opacity: 0\n      },\n      checked: {\n        scaleX: 1,\n        opacity: 1,\n        transition: {\n          scaleX: {\n            duration: 0\n          },\n          opacity: {\n            duration: 0.02\n          }\n        }\n      }\n    },\n    style: {\n      stroke: \"currentColor\",\n      strokeWidth: 4\n    }\n  }, props), /*#__PURE__*/React.createElement(\"line\", {\n    x1: \"21\",\n    x2: \"3\",\n    y1: \"12\",\n    y2: \"12\"\n  }));\n};\n\nvar CheckboxTransition = function CheckboxTransition(_ref) {\n  var open = _ref.open,\n      children = _ref.children;\n  return /*#__PURE__*/React.createElement(AnimatePresence, {\n    initial: false\n  }, open && /*#__PURE__*/React.createElement(motion.div, {\n    variants: {\n      unchecked: {\n        scale: 0.5\n      },\n      checked: {\n        scale: 1\n      }\n    },\n    initial: \"unchecked\",\n    animate: \"checked\",\n    exit: \"unchecked\",\n    style: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      height: \"100%\"\n    }\n  }, children));\n};\n\n/**\n * CheckboxIcon is used to visually indicate the checked or indeterminate\n * state of a checkbox.\n *\n * @todo allow users pass their own icon svgs\n */\nvar CheckboxIcon = function CheckboxIcon(props) {\n  var isIndeterminate = props.isIndeterminate,\n      isChecked = props.isChecked,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$2);\n\n  var IconEl = isIndeterminate ? IndeterminateIcon : CheckIcon;\n  return /*#__PURE__*/React.createElement(CheckboxTransition, {\n    open: isChecked || isIndeterminate\n  }, /*#__PURE__*/React.createElement(IconEl, rest));\n};\n\nvar _excluded$1 = [\"defaultIsChecked\", \"defaultChecked\", \"isChecked\", \"isFocusable\", \"onChange\", \"isIndeterminate\", \"name\", \"value\", \"tabIndex\", \"aria-label\", \"aria-labelledby\", \"aria-invalid\"];\n\n/**\n * useCheckbox that provides all the state and focus management logic\n * for a checkbox. It is consumed by the `Checkbox` component\n *\n * @see Docs https://chakra-ui.com/checkbox#hooks\n */\nfunction useCheckbox(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var formControlProps = useFormControlProps(props);\n  var isDisabled = formControlProps.isDisabled,\n      isReadOnly = formControlProps.isReadOnly,\n      isRequired = formControlProps.isRequired,\n      isInvalid = formControlProps.isInvalid,\n      id = formControlProps.id,\n      onBlur = formControlProps.onBlur,\n      onFocus = formControlProps.onFocus,\n      ariaDescribedBy = formControlProps[\"aria-describedby\"];\n\n  var _props = props,\n      defaultIsChecked = _props.defaultIsChecked,\n      _props$defaultChecked = _props.defaultChecked,\n      defaultChecked = _props$defaultChecked === void 0 ? defaultIsChecked : _props$defaultChecked,\n      checkedProp = _props.isChecked,\n      isFocusable = _props.isFocusable,\n      onChange = _props.onChange,\n      isIndeterminate = _props.isIndeterminate,\n      name = _props.name,\n      value = _props.value,\n      _props$tabIndex = _props.tabIndex,\n      tabIndex = _props$tabIndex === void 0 ? undefined : _props$tabIndex,\n      ariaLabel = _props[\"aria-label\"],\n      ariaLabelledBy = _props[\"aria-labelledby\"],\n      ariaInvalid = _props[\"aria-invalid\"],\n      rest = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n  var htmlProps = omit(rest, [\"isDisabled\", \"isReadOnly\", \"isRequired\", \"isInvalid\", \"id\", \"onBlur\", \"onFocus\", \"aria-describedby\"]);\n  var onChangeProp = useCallbackRef(onChange);\n  var onBlurProp = useCallbackRef(onBlur);\n  var onFocusProp = useCallbackRef(onFocus);\n\n  var _useBoolean = useBoolean(),\n      isFocused = _useBoolean[0],\n      setFocused = _useBoolean[1];\n\n  var _useBoolean2 = useBoolean(),\n      isHovered = _useBoolean2[0],\n      setHovered = _useBoolean2[1];\n\n  var _useBoolean3 = useBoolean(),\n      isActive = _useBoolean3[0],\n      setActive = _useBoolean3[1];\n\n  var inputRef = useRef(null);\n\n  var _useState = useState(true),\n      rootIsLabelElement = _useState[0],\n      setRootIsLabelElement = _useState[1];\n\n  var _useState2 = useState(!!defaultChecked),\n      checkedState = _useState2[0],\n      setCheckedState = _useState2[1];\n\n  var _useControllableProp = useControllableProp(checkedProp, checkedState),\n      isControlled = _useControllableProp[0],\n      isChecked = _useControllableProp[1];\n\n  warn({\n    condition: !!defaultIsChecked,\n    message: 'The \"defaultIsChecked\" prop has been deprecated and will be removed in a future version. ' + 'Please use the \"defaultChecked\" prop instead, which mirrors default React checkbox behavior.'\n  });\n  var handleChange = useCallback(function (event) {\n    if (isReadOnly || isDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (!isControlled) {\n      if (isChecked) {\n        setCheckedState(event.target.checked);\n      } else {\n        setCheckedState(isIndeterminate ? true : event.target.checked);\n      }\n    }\n\n    onChangeProp == null ? void 0 : onChangeProp(event);\n  }, [isReadOnly, isDisabled, isChecked, isControlled, isIndeterminate, onChangeProp]);\n  useSafeLayoutEffect(function () {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(isIndeterminate);\n    }\n  }, [isIndeterminate]);\n  useUpdateEffect(function () {\n    if (isDisabled) {\n      setFocused.off();\n    }\n  }, [isDisabled, setFocused]);\n  var trulyDisabled = isDisabled && !isFocusable;\n  var onKeyDown = useCallback(function (event) {\n    if (event.key === \" \") {\n      setActive.on();\n    }\n  }, [setActive]);\n  var onKeyUp = useCallback(function (event) {\n    if (event.key === \" \") {\n      setActive.off();\n    }\n  }, [setActive]);\n  /**\n   * Sync state with uncontrolled form libraries like `react-hook-form`.\n   *\n   * These libraries set the checked value for input fields\n   * using their refs. For the checkbox, it sets `ref.current.checked = true | false` directly.\n   *\n   * This means the `isChecked` state will get out of sync with `ref.current.checked`,\n   * even though the input validation with work, the UI will not be up to date.\n   *\n   * Let's correct that by checking and syncing the state accordingly.\n   */\n\n  useSafeLayoutEffect(function () {\n    if (!inputRef.current) return;\n    var notInSync = inputRef.current.checked !== isChecked;\n\n    if (notInSync) {\n      setCheckedState(inputRef.current.checked);\n    }\n  }, [inputRef.current]);\n  var getCheckboxProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    var onPressDown = function onPressDown(event) {\n      // On mousedown, the input blurs and returns focus to the `body`,\n      // we need to prevent this. Native checkboxes keeps focus on `input`\n      event.preventDefault();\n      setActive.on();\n    };\n\n    return _extends({}, props, {\n      ref: forwardedRef,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(isChecked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-readonly\": dataAttr(isReadOnly),\n      \"aria-hidden\": true,\n      onMouseDown: callAllHandlers(props.onMouseDown, onPressDown),\n      onMouseUp: callAllHandlers(props.onMouseUp, setActive.off),\n      onMouseEnter: callAllHandlers(props.onMouseEnter, setHovered.on),\n      onMouseLeave: callAllHandlers(props.onMouseLeave, setHovered.off)\n    });\n  }, [isActive, isChecked, isDisabled, isFocused, isHovered, isIndeterminate, isInvalid, isReadOnly, setActive, setHovered.off, setHovered.on]);\n  var getRootProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return _extends({}, htmlProps, props, {\n      ref: mergeRefs(forwardedRef, function (node) {\n        if (!node) return;\n        setRootIsLabelElement(node.tagName === \"LABEL\");\n      }),\n      onClick: callAllHandlers(props.onClick, function () {\n        /**\n         * Accessibility:\n         *\n         * Ideally, `getRootProps` should be spread unto a `label` element.\n         *\n         * If the element was changed using the `as` prop or changing\n         * the dom node `getRootProps` is spread unto (to a `div` or `span`), we'll trigger\n         * click on the input when the element is clicked.\n         * @see Issue https://github.com/chakra-ui/chakra-ui/issues/3480\n         */\n        if (!rootIsLabelElement) {\n          var _inputRef$current;\n\n          (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.click();\n          focus(inputRef.current, {\n            nextTick: true\n          });\n        }\n      }),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-checked\": dataAttr(isChecked),\n      \"data-invalid\": dataAttr(isInvalid)\n    });\n  }, [htmlProps, isDisabled, isChecked, isInvalid, rootIsLabelElement]);\n  var getInputProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return _extends({}, props, {\n      ref: mergeRefs(inputRef, forwardedRef),\n      type: \"checkbox\",\n      name: name,\n      value: value,\n      id: id,\n      tabIndex: tabIndex,\n      onChange: callAllHandlers(props.onChange, handleChange),\n      onBlur: callAllHandlers(props.onBlur, onBlurProp, setFocused.off),\n      onFocus: callAllHandlers(props.onFocus, onFocusProp, setFocused.on),\n      onKeyDown: callAllHandlers(props.onKeyDown, onKeyDown),\n      onKeyUp: callAllHandlers(props.onKeyUp, onKeyUp),\n      required: isRequired,\n      checked: isChecked,\n      disabled: trulyDisabled,\n      readOnly: isReadOnly,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-invalid\": ariaInvalid ? Boolean(ariaInvalid) : isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-disabled\": isDisabled,\n      style: visuallyHiddenStyle\n    });\n  }, [name, value, id, handleChange, setFocused.off, setFocused.on, onBlurProp, onFocusProp, onKeyDown, onKeyUp, isRequired, isChecked, trulyDisabled, isReadOnly, ariaLabel, ariaLabelledBy, ariaInvalid, isInvalid, ariaDescribedBy, isDisabled, tabIndex]);\n  var getLabelProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return _extends({}, props, {\n      ref: forwardedRef,\n      onMouseDown: callAllHandlers(props.onMouseDown, stopEvent),\n      onTouchStart: callAllHandlers(props.onTouchStart, stopEvent),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-checked\": dataAttr(isChecked),\n      \"data-invalid\": dataAttr(isInvalid)\n    });\n  }, [isChecked, isDisabled, isInvalid]);\n  var state = {\n    isInvalid: isInvalid,\n    isFocused: isFocused,\n    isChecked: isChecked,\n    isActive: isActive,\n    isHovered: isHovered,\n    isIndeterminate: isIndeterminate,\n    isDisabled: isDisabled,\n    isReadOnly: isReadOnly,\n    isRequired: isRequired\n  };\n  return {\n    state: state,\n    getRootProps: getRootProps,\n    getCheckboxProps: getCheckboxProps,\n    getInputProps: getInputProps,\n    getLabelProps: getLabelProps,\n    htmlProps: htmlProps\n  };\n}\n/**\n * Prevent `onBlur` being fired when the checkbox label is touched\n */\n\nfunction stopEvent(event) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nvar _excluded = [\"spacing\", \"className\", \"children\", \"iconColor\", \"iconSize\", \"icon\", \"isChecked\", \"isDisabled\", \"onChange\", \"inputProps\"];\nvar CheckboxControl = chakra(\"span\", {\n  baseStyle: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    verticalAlign: \"top\",\n    userSelect: \"none\",\n    flexShrink: 0\n  }\n});\nvar Label = chakra(\"label\", {\n  baseStyle: {\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    verticalAlign: \"top\",\n    position: \"relative\"\n  }\n});\n\n/**\n * Checkbox\n *\n * React component used in forms when a user needs to select\n * multiple values from several options.\n *\n * @see Docs https://chakra-ui.com/checkbox\n */\nvar Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {\n  var group = useCheckboxGroupContext();\n\n  var mergedProps = _extends({}, group, props);\n\n  var styles = useMultiStyleConfig(\"Checkbox\", mergedProps);\n  var ownProps = omitThemingProps(props);\n\n  var _ownProps$spacing = ownProps.spacing,\n      spacing = _ownProps$spacing === void 0 ? \"0.5rem\" : _ownProps$spacing,\n      className = ownProps.className,\n      children = ownProps.children,\n      iconColor = ownProps.iconColor,\n      iconSize = ownProps.iconSize,\n      _ownProps$icon = ownProps.icon,\n      icon = _ownProps$icon === void 0 ? /*#__PURE__*/React.createElement(CheckboxIcon, null) : _ownProps$icon,\n      isCheckedProp = ownProps.isChecked,\n      _ownProps$isDisabled = ownProps.isDisabled,\n      isDisabled = _ownProps$isDisabled === void 0 ? group == null ? void 0 : group.isDisabled : _ownProps$isDisabled,\n      onChangeProp = ownProps.onChange,\n      inputProps = ownProps.inputProps,\n      rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n  var isChecked = isCheckedProp;\n\n  if (group != null && group.value && ownProps.value) {\n    isChecked = group.value.includes(ownProps.value);\n  }\n\n  var onChange = onChangeProp;\n\n  if (group != null && group.onChange && ownProps.value) {\n    onChange = callAll(group.onChange, onChangeProp);\n  }\n\n  var _useCheckbox = useCheckbox(_extends({}, rest, {\n    isDisabled: isDisabled,\n    isChecked: isChecked,\n    onChange: onChange\n  })),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getLabelProps = _useCheckbox.getLabelProps,\n      getRootProps = _useCheckbox.getRootProps;\n\n  var iconStyles = React.useMemo(function () {\n    return _extends({\n      opacity: state.isChecked || state.isIndeterminate ? 1 : 0,\n      transform: state.isChecked || state.isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n      fontSize: iconSize,\n      color: iconColor\n    }, styles.icon);\n  }, [iconColor, iconSize, state.isChecked, state.isIndeterminate, styles.icon]);\n  var clonedIcon = /*#__PURE__*/React.cloneElement(icon, {\n    __css: iconStyles,\n    isIndeterminate: state.isIndeterminate,\n    isChecked: state.isChecked\n  });\n  return /*#__PURE__*/React.createElement(Label, _extends({\n    __css: styles.container,\n    className: cx(\"chakra-checkbox\", className)\n  }, getRootProps()), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-checkbox__input\"\n  }, getInputProps(inputProps, ref))), /*#__PURE__*/React.createElement(CheckboxControl, _extends({\n    __css: styles.control,\n    className: \"chakra-checkbox__control\"\n  }, getCheckboxProps()), clonedIcon), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-checkbox__label\"\n  }, getLabelProps(), {\n    __css: _extends({\n      marginStart: spacing\n    }, styles.label)\n  }), children));\n});\n\nif (__DEV__) {\n  Checkbox.displayName = \"Checkbox\";\n}\n\nexport { Checkbox, CheckboxGroup, useCheckbox, useCheckboxGroup, useCheckboxGroupContext };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","useCheckboxGroup","props","_props","defaultValue","valueProp","value","onChange","isDisabled","isNative","onChangeProp","useCallbackRef","_useControllableState","useControllableState","setValue","handleChange","useCallback","eventOrValue","isChecked","isInputEvent","checked","includes","selectedValue","nextValue","addItem","filter","v","String","getCheckboxProps","_extends2","some","val","_createContext","createContext","name","strict","CheckboxGroupProvider","useCheckboxGroupContext","CheckboxGroup","colorScheme","size","variant","children","_useCheckboxGroup","group","React","useMemo","createElement","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","__DEV__","displayName","_excluded$2","el","m","MotionSvg","chakra","svg","motion","custom","CheckIcon","width","viewBox","variants","unchecked","opacity","strokeDashoffset","transition","duration","style","fill","strokeWidth","stroke","strokeDasharray","points","IndeterminateIcon","scaleX","x1","x2","y1","y2","CheckboxTransition","_ref","open","AnimatePresence","initial","div","scale","animate","exit","display","alignItems","justifyContent","height","CheckboxIcon","isIndeterminate","rest","IconEl","_excluded$1","useCheckbox","formControlProps","useFormControlProps","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","ariaDescribedBy","defaultIsChecked","_props$defaultChecked","defaultChecked","checkedProp","isFocusable","_props$tabIndex","tabIndex","undefined","ariaLabel","ariaLabelledBy","ariaInvalid","htmlProps","omit","onBlurProp","onFocusProp","_useBoolean","useBoolean","isFocused","setFocused","_useBoolean2","isHovered","setHovered","_useBoolean3","isActive","setActive","inputRef","useRef","_useState","useState","rootIsLabelElement","setRootIsLabelElement","_useState2","checkedState","setCheckedState","_useControllableProp","useControllableProp","isControlled","warn","condition","message","event","preventDefault","useSafeLayoutEffect","current","indeterminate","Boolean","useUpdateEffect","off","trulyDisabled","onKeyDown","on","onKeyUp","forwardedRef","ref","dataAttr","onMouseDown","callAllHandlers","onMouseUp","onMouseEnter","onMouseLeave","getRootProps","mergeRefs","node","tagName","onClick","_inputRef$current","click","focus","nextTick","getInputProps","type","required","disabled","readOnly","visuallyHiddenStyle","getLabelProps","stopEvent","onTouchStart","state","stopPropagation","_excluded","CheckboxControl","baseStyle","verticalAlign","userSelect","flexShrink","Label","cursor","position","Checkbox","forwardRef","mergedProps","styles","useMultiStyleConfig","ownProps","omitThemingProps","_ownProps$spacing","spacing","className","iconColor","iconSize","_ownProps$icon","icon","isCheckedProp","_ownProps$isDisabled","inputProps","callAll","_useCheckbox","iconStyles","transform","fontSize","color","clonedIcon","cloneElement","__css","container","cx","control","span","marginStart","label"],"mappings":"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"}
+{"version":3,"file":"chakra-ui-checkbox.esm-4cded6a7.js","sources":["../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js"],"sourcesContent":["import { isInputEvent, addItem, __DEV__, omit, warn, dataAttr, callAllHandlers, focus, callAll, cx } from '@chakra-ui/utils';\nimport { createContext, mergeRefs } from '@chakra-ui/react-utils';\nimport * as React from 'react';\nimport { useCallback, useRef, useState } from 'react';\nimport { useCallbackRef, useControllableState, useBoolean, useControllableProp, useSafeLayoutEffect, useUpdateEffect } from '@chakra-ui/hooks';\nimport { chakra, forwardRef, useMultiStyleConfig, omitThemingProps } from '@chakra-ui/system';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { useFormControlProps } from '@chakra-ui/form-control';\nimport { visuallyHiddenStyle } from '@chakra-ui/visually-hidden';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\n/**\n * React hook that provides all the state management logic\n * for a group of checkboxes.\n *\n * It is consumed by the `CheckboxGroup` component\n */\nfunction useCheckboxGroup(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var _props = props,\n      defaultValue = _props.defaultValue,\n      valueProp = _props.value,\n      onChange = _props.onChange,\n      isDisabled = _props.isDisabled,\n      isNative = _props.isNative;\n  var onChangeProp = useCallbackRef(onChange);\n\n  var _useControllableState = useControllableState({\n    value: valueProp,\n    defaultValue: defaultValue || [],\n    onChange: onChangeProp\n  }),\n      value = _useControllableState[0],\n      setValue = _useControllableState[1];\n\n  var handleChange = useCallback(function (eventOrValue) {\n    if (!value) return;\n    var isChecked = isInputEvent(eventOrValue) ? eventOrValue.target.checked : !value.includes(eventOrValue);\n    var selectedValue = isInputEvent(eventOrValue) ? eventOrValue.target.value : eventOrValue;\n    var nextValue = isChecked ? addItem(value, selectedValue) : value.filter(function (v) {\n      return String(v) !== String(selectedValue);\n    });\n    setValue(nextValue);\n  }, [setValue, value]);\n  var getCheckboxProps = useCallback(function (props) {\n    var _extends2;\n\n    if (props === void 0) {\n      props = {};\n    }\n\n    var checkedKey = isNative ? \"checked\" : \"isChecked\";\n    return _extends({}, props, (_extends2 = {}, _extends2[checkedKey] = value.some(function (val) {\n      return String(props.value) === String(val);\n    }), _extends2.onChange = handleChange, _extends2));\n  }, [handleChange, isNative, value]);\n  return {\n    value: value,\n    isDisabled: isDisabled,\n    onChange: handleChange,\n    setValue: setValue,\n    getCheckboxProps: getCheckboxProps\n  };\n}\n\nvar _createContext = createContext({\n  name: \"CheckboxGroupContext\",\n  strict: false\n}),\n    CheckboxGroupProvider = _createContext[0],\n    useCheckboxGroupContext = _createContext[1];\n/**\n * Used for multiple checkboxes which are bound in one group,\n * and it indicates whether one or more options are selected.\n *\n * @see Docs https://chakra-ui.com/checkbox\n */\n\nvar CheckboxGroup = function CheckboxGroup(props) {\n  var colorScheme = props.colorScheme,\n      size = props.size,\n      variant = props.variant,\n      children = props.children,\n      isDisabled = props.isDisabled;\n\n  var _useCheckboxGroup = useCheckboxGroup(props),\n      value = _useCheckboxGroup.value,\n      onChange = _useCheckboxGroup.onChange;\n\n  var group = React.useMemo(function () {\n    return {\n      size: size,\n      onChange: onChange,\n      colorScheme: colorScheme,\n      value: value,\n      variant: variant,\n      isDisabled: isDisabled\n    };\n  }, [size, onChange, colorScheme, value, variant, isDisabled]);\n  return /*#__PURE__*/React.createElement(CheckboxGroupProvider, {\n    value: group\n  }, children);\n};\n\nif (__DEV__) {\n  CheckboxGroup.displayName = \"CheckboxGroup\";\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded$2 = [\"isIndeterminate\", \"isChecked\"];\n\nfunction __motion(el) {\n  var m = motion;\n\n  if (\"custom\" in m && typeof m.custom === \"function\") {\n    return m.custom(el);\n  }\n\n  return m(el);\n} // @future: only call `motion(chakra.svg)` when we drop framer-motion v3 support\n\n\nvar MotionSvg = __motion(chakra.svg);\n\nvar CheckIcon = function CheckIcon(props) {\n  return /*#__PURE__*/React.createElement(MotionSvg, _extends({\n    width: \"1.2em\",\n    viewBox: \"0 0 12 10\",\n    variants: {\n      unchecked: {\n        opacity: 0,\n        strokeDashoffset: 16\n      },\n      checked: {\n        opacity: 1,\n        strokeDashoffset: 0,\n        transition: {\n          duration: 0.2\n        }\n      }\n    },\n    style: {\n      fill: \"none\",\n      strokeWidth: 2,\n      stroke: \"currentColor\",\n      strokeDasharray: 16\n    }\n  }, props), /*#__PURE__*/React.createElement(\"polyline\", {\n    points: \"1.5 6 4.5 9 10.5 1\"\n  }));\n};\n\nvar IndeterminateIcon = function IndeterminateIcon(props) {\n  return /*#__PURE__*/React.createElement(MotionSvg, _extends({\n    width: \"1.2em\",\n    viewBox: \"0 0 24 24\",\n    variants: {\n      unchecked: {\n        scaleX: 0.65,\n        opacity: 0\n      },\n      checked: {\n        scaleX: 1,\n        opacity: 1,\n        transition: {\n          scaleX: {\n            duration: 0\n          },\n          opacity: {\n            duration: 0.02\n          }\n        }\n      }\n    },\n    style: {\n      stroke: \"currentColor\",\n      strokeWidth: 4\n    }\n  }, props), /*#__PURE__*/React.createElement(\"line\", {\n    x1: \"21\",\n    x2: \"3\",\n    y1: \"12\",\n    y2: \"12\"\n  }));\n};\n\nvar CheckboxTransition = function CheckboxTransition(_ref) {\n  var open = _ref.open,\n      children = _ref.children;\n  return /*#__PURE__*/React.createElement(AnimatePresence, {\n    initial: false\n  }, open && /*#__PURE__*/React.createElement(motion.div, {\n    variants: {\n      unchecked: {\n        scale: 0.5\n      },\n      checked: {\n        scale: 1\n      }\n    },\n    initial: \"unchecked\",\n    animate: \"checked\",\n    exit: \"unchecked\",\n    style: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      height: \"100%\"\n    }\n  }, children));\n};\n\n/**\n * CheckboxIcon is used to visually indicate the checked or indeterminate\n * state of a checkbox.\n *\n * @todo allow users pass their own icon svgs\n */\nvar CheckboxIcon = function CheckboxIcon(props) {\n  var isIndeterminate = props.isIndeterminate,\n      isChecked = props.isChecked,\n      rest = _objectWithoutPropertiesLoose(props, _excluded$2);\n\n  var IconEl = isIndeterminate ? IndeterminateIcon : CheckIcon;\n  return /*#__PURE__*/React.createElement(CheckboxTransition, {\n    open: isChecked || isIndeterminate\n  }, /*#__PURE__*/React.createElement(IconEl, rest));\n};\n\nvar _excluded$1 = [\"defaultIsChecked\", \"defaultChecked\", \"isChecked\", \"isFocusable\", \"onChange\", \"isIndeterminate\", \"name\", \"value\", \"tabIndex\", \"aria-label\", \"aria-labelledby\", \"aria-invalid\"];\n\n/**\n * useCheckbox that provides all the state and focus management logic\n * for a checkbox. It is consumed by the `Checkbox` component\n *\n * @see Docs https://chakra-ui.com/checkbox#hooks\n */\nfunction useCheckbox(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var formControlProps = useFormControlProps(props);\n  var isDisabled = formControlProps.isDisabled,\n      isReadOnly = formControlProps.isReadOnly,\n      isRequired = formControlProps.isRequired,\n      isInvalid = formControlProps.isInvalid,\n      id = formControlProps.id,\n      onBlur = formControlProps.onBlur,\n      onFocus = formControlProps.onFocus,\n      ariaDescribedBy = formControlProps[\"aria-describedby\"];\n\n  var _props = props,\n      defaultIsChecked = _props.defaultIsChecked,\n      _props$defaultChecked = _props.defaultChecked,\n      defaultChecked = _props$defaultChecked === void 0 ? defaultIsChecked : _props$defaultChecked,\n      checkedProp = _props.isChecked,\n      isFocusable = _props.isFocusable,\n      onChange = _props.onChange,\n      isIndeterminate = _props.isIndeterminate,\n      name = _props.name,\n      value = _props.value,\n      _props$tabIndex = _props.tabIndex,\n      tabIndex = _props$tabIndex === void 0 ? undefined : _props$tabIndex,\n      ariaLabel = _props[\"aria-label\"],\n      ariaLabelledBy = _props[\"aria-labelledby\"],\n      ariaInvalid = _props[\"aria-invalid\"],\n      rest = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n  var htmlProps = omit(rest, [\"isDisabled\", \"isReadOnly\", \"isRequired\", \"isInvalid\", \"id\", \"onBlur\", \"onFocus\", \"aria-describedby\"]);\n  var onChangeProp = useCallbackRef(onChange);\n  var onBlurProp = useCallbackRef(onBlur);\n  var onFocusProp = useCallbackRef(onFocus);\n\n  var _useBoolean = useBoolean(),\n      isFocused = _useBoolean[0],\n      setFocused = _useBoolean[1];\n\n  var _useBoolean2 = useBoolean(),\n      isHovered = _useBoolean2[0],\n      setHovered = _useBoolean2[1];\n\n  var _useBoolean3 = useBoolean(),\n      isActive = _useBoolean3[0],\n      setActive = _useBoolean3[1];\n\n  var inputRef = useRef(null);\n\n  var _useState = useState(true),\n      rootIsLabelElement = _useState[0],\n      setRootIsLabelElement = _useState[1];\n\n  var _useState2 = useState(!!defaultChecked),\n      checkedState = _useState2[0],\n      setCheckedState = _useState2[1];\n\n  var _useControllableProp = useControllableProp(checkedProp, checkedState),\n      isControlled = _useControllableProp[0],\n      isChecked = _useControllableProp[1];\n\n  warn({\n    condition: !!defaultIsChecked,\n    message: 'The \"defaultIsChecked\" prop has been deprecated and will be removed in a future version. ' + 'Please use the \"defaultChecked\" prop instead, which mirrors default React checkbox behavior.'\n  });\n  var handleChange = useCallback(function (event) {\n    if (isReadOnly || isDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (!isControlled) {\n      if (isChecked) {\n        setCheckedState(event.target.checked);\n      } else {\n        setCheckedState(isIndeterminate ? true : event.target.checked);\n      }\n    }\n\n    onChangeProp == null ? void 0 : onChangeProp(event);\n  }, [isReadOnly, isDisabled, isChecked, isControlled, isIndeterminate, onChangeProp]);\n  useSafeLayoutEffect(function () {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(isIndeterminate);\n    }\n  }, [isIndeterminate]);\n  useUpdateEffect(function () {\n    if (isDisabled) {\n      setFocused.off();\n    }\n  }, [isDisabled, setFocused]);\n  var trulyDisabled = isDisabled && !isFocusable;\n  var onKeyDown = useCallback(function (event) {\n    if (event.key === \" \") {\n      setActive.on();\n    }\n  }, [setActive]);\n  var onKeyUp = useCallback(function (event) {\n    if (event.key === \" \") {\n      setActive.off();\n    }\n  }, [setActive]);\n  /**\n   * Sync state with uncontrolled form libraries like `react-hook-form`.\n   *\n   * These libraries set the checked value for input fields\n   * using their refs. For the checkbox, it sets `ref.current.checked = true | false` directly.\n   *\n   * This means the `isChecked` state will get out of sync with `ref.current.checked`,\n   * even though the input validation with work, the UI will not be up to date.\n   *\n   * Let's correct that by checking and syncing the state accordingly.\n   */\n\n  useSafeLayoutEffect(function () {\n    if (!inputRef.current) return;\n    var notInSync = inputRef.current.checked !== isChecked;\n\n    if (notInSync) {\n      setCheckedState(inputRef.current.checked);\n    }\n  }, [inputRef.current]);\n  var getCheckboxProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    var onPressDown = function onPressDown(event) {\n      // On mousedown, the input blurs and returns focus to the `body`,\n      // we need to prevent this. Native checkboxes keeps focus on `input`\n      event.preventDefault();\n      setActive.on();\n    };\n\n    return _extends({}, props, {\n      ref: forwardedRef,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(isChecked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-readonly\": dataAttr(isReadOnly),\n      \"aria-hidden\": true,\n      onMouseDown: callAllHandlers(props.onMouseDown, onPressDown),\n      onMouseUp: callAllHandlers(props.onMouseUp, setActive.off),\n      onMouseEnter: callAllHandlers(props.onMouseEnter, setHovered.on),\n      onMouseLeave: callAllHandlers(props.onMouseLeave, setHovered.off)\n    });\n  }, [isActive, isChecked, isDisabled, isFocused, isHovered, isIndeterminate, isInvalid, isReadOnly, setActive, setHovered.off, setHovered.on]);\n  var getRootProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return _extends({}, htmlProps, props, {\n      ref: mergeRefs(forwardedRef, function (node) {\n        if (!node) return;\n        setRootIsLabelElement(node.tagName === \"LABEL\");\n      }),\n      onClick: callAllHandlers(props.onClick, function () {\n        /**\n         * Accessibility:\n         *\n         * Ideally, `getRootProps` should be spread unto a `label` element.\n         *\n         * If the element was changed using the `as` prop or changing\n         * the dom node `getRootProps` is spread unto (to a `div` or `span`), we'll trigger\n         * click on the input when the element is clicked.\n         * @see Issue https://github.com/chakra-ui/chakra-ui/issues/3480\n         */\n        if (!rootIsLabelElement) {\n          var _inputRef$current;\n\n          (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.click();\n          focus(inputRef.current, {\n            nextTick: true\n          });\n        }\n      }),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-checked\": dataAttr(isChecked),\n      \"data-invalid\": dataAttr(isInvalid)\n    });\n  }, [htmlProps, isDisabled, isChecked, isInvalid, rootIsLabelElement]);\n  var getInputProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return _extends({}, props, {\n      ref: mergeRefs(inputRef, forwardedRef),\n      type: \"checkbox\",\n      name: name,\n      value: value,\n      id: id,\n      tabIndex: tabIndex,\n      onChange: callAllHandlers(props.onChange, handleChange),\n      onBlur: callAllHandlers(props.onBlur, onBlurProp, setFocused.off),\n      onFocus: callAllHandlers(props.onFocus, onFocusProp, setFocused.on),\n      onKeyDown: callAllHandlers(props.onKeyDown, onKeyDown),\n      onKeyUp: callAllHandlers(props.onKeyUp, onKeyUp),\n      required: isRequired,\n      checked: isChecked,\n      disabled: trulyDisabled,\n      readOnly: isReadOnly,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-invalid\": ariaInvalid ? Boolean(ariaInvalid) : isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-disabled\": isDisabled,\n      style: visuallyHiddenStyle\n    });\n  }, [name, value, id, handleChange, setFocused.off, setFocused.on, onBlurProp, onFocusProp, onKeyDown, onKeyUp, isRequired, isChecked, trulyDisabled, isReadOnly, ariaLabel, ariaLabelledBy, ariaInvalid, isInvalid, ariaDescribedBy, isDisabled, tabIndex]);\n  var getLabelProps = useCallback(function (props, forwardedRef) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return _extends({}, props, {\n      ref: forwardedRef,\n      onMouseDown: callAllHandlers(props.onMouseDown, stopEvent),\n      onTouchStart: callAllHandlers(props.onTouchStart, stopEvent),\n      \"data-disabled\": dataAttr(isDisabled),\n      \"data-checked\": dataAttr(isChecked),\n      \"data-invalid\": dataAttr(isInvalid)\n    });\n  }, [isChecked, isDisabled, isInvalid]);\n  var state = {\n    isInvalid: isInvalid,\n    isFocused: isFocused,\n    isChecked: isChecked,\n    isActive: isActive,\n    isHovered: isHovered,\n    isIndeterminate: isIndeterminate,\n    isDisabled: isDisabled,\n    isReadOnly: isReadOnly,\n    isRequired: isRequired\n  };\n  return {\n    state: state,\n    getRootProps: getRootProps,\n    getCheckboxProps: getCheckboxProps,\n    getInputProps: getInputProps,\n    getLabelProps: getLabelProps,\n    htmlProps: htmlProps\n  };\n}\n/**\n * Prevent `onBlur` being fired when the checkbox label is touched\n */\n\nfunction stopEvent(event) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nvar _excluded = [\"spacing\", \"className\", \"children\", \"iconColor\", \"iconSize\", \"icon\", \"isChecked\", \"isDisabled\", \"onChange\", \"inputProps\"];\nvar CheckboxControl = chakra(\"span\", {\n  baseStyle: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    verticalAlign: \"top\",\n    userSelect: \"none\",\n    flexShrink: 0\n  }\n});\nvar Label = chakra(\"label\", {\n  baseStyle: {\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    verticalAlign: \"top\",\n    position: \"relative\"\n  }\n});\n\n/**\n * Checkbox\n *\n * React component used in forms when a user needs to select\n * multiple values from several options.\n *\n * @see Docs https://chakra-ui.com/checkbox\n */\nvar Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {\n  var group = useCheckboxGroupContext();\n\n  var mergedProps = _extends({}, group, props);\n\n  var styles = useMultiStyleConfig(\"Checkbox\", mergedProps);\n  var ownProps = omitThemingProps(props);\n\n  var _ownProps$spacing = ownProps.spacing,\n      spacing = _ownProps$spacing === void 0 ? \"0.5rem\" : _ownProps$spacing,\n      className = ownProps.className,\n      children = ownProps.children,\n      iconColor = ownProps.iconColor,\n      iconSize = ownProps.iconSize,\n      _ownProps$icon = ownProps.icon,\n      icon = _ownProps$icon === void 0 ? /*#__PURE__*/React.createElement(CheckboxIcon, null) : _ownProps$icon,\n      isCheckedProp = ownProps.isChecked,\n      _ownProps$isDisabled = ownProps.isDisabled,\n      isDisabled = _ownProps$isDisabled === void 0 ? group == null ? void 0 : group.isDisabled : _ownProps$isDisabled,\n      onChangeProp = ownProps.onChange,\n      inputProps = ownProps.inputProps,\n      rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n  var isChecked = isCheckedProp;\n\n  if (group != null && group.value && ownProps.value) {\n    isChecked = group.value.includes(ownProps.value);\n  }\n\n  var onChange = onChangeProp;\n\n  if (group != null && group.onChange && ownProps.value) {\n    onChange = callAll(group.onChange, onChangeProp);\n  }\n\n  var _useCheckbox = useCheckbox(_extends({}, rest, {\n    isDisabled: isDisabled,\n    isChecked: isChecked,\n    onChange: onChange\n  })),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getLabelProps = _useCheckbox.getLabelProps,\n      getRootProps = _useCheckbox.getRootProps;\n\n  var iconStyles = React.useMemo(function () {\n    return _extends({\n      opacity: state.isChecked || state.isIndeterminate ? 1 : 0,\n      transform: state.isChecked || state.isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n      fontSize: iconSize,\n      color: iconColor\n    }, styles.icon);\n  }, [iconColor, iconSize, state.isChecked, state.isIndeterminate, styles.icon]);\n  var clonedIcon = /*#__PURE__*/React.cloneElement(icon, {\n    __css: iconStyles,\n    isIndeterminate: state.isIndeterminate,\n    isChecked: state.isChecked\n  });\n  return /*#__PURE__*/React.createElement(Label, _extends({\n    __css: styles.container,\n    className: cx(\"chakra-checkbox\", className)\n  }, getRootProps()), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-checkbox__input\"\n  }, getInputProps(inputProps, ref))), /*#__PURE__*/React.createElement(CheckboxControl, _extends({\n    __css: styles.control,\n    className: \"chakra-checkbox__control\"\n  }, getCheckboxProps()), clonedIcon), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-checkbox__label\"\n  }, getLabelProps(), {\n    __css: _extends({\n      marginStart: spacing\n    }, styles.label)\n  }), children));\n});\n\nif (__DEV__) {\n  Checkbox.displayName = \"Checkbox\";\n}\n\nexport { Checkbox, CheckboxGroup, useCheckbox, useCheckboxGroup, useCheckboxGroupContext };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","useCheckboxGroup","props","_props","defaultValue","valueProp","value","onChange","isDisabled","isNative","onChangeProp","useCallbackRef","_useControllableState","useControllableState","setValue","handleChange","useCallback","eventOrValue","isChecked","isInputEvent","checked","includes","selectedValue","nextValue","addItem","filter","v","String","getCheckboxProps","_extends2","some","val","_createContext","createContext","name","strict","CheckboxGroupProvider","useCheckboxGroupContext","CheckboxGroup","colorScheme","size","variant","children","_useCheckboxGroup","group","React","useMemo","createElement","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","__DEV__","displayName","_excluded$2","el","m","MotionSvg","chakra","svg","motion","custom","CheckIcon","width","viewBox","variants","unchecked","opacity","strokeDashoffset","transition","duration","style","fill","strokeWidth","stroke","strokeDasharray","points","IndeterminateIcon","scaleX","x1","x2","y1","y2","CheckboxTransition","_ref","open","AnimatePresence","initial","div","scale","animate","exit","display","alignItems","justifyContent","height","CheckboxIcon","isIndeterminate","rest","IconEl","_excluded$1","useCheckbox","formControlProps","useFormControlProps","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","ariaDescribedBy","defaultIsChecked","_props$defaultChecked","defaultChecked","checkedProp","isFocusable","_props$tabIndex","tabIndex","undefined","ariaLabel","ariaLabelledBy","ariaInvalid","htmlProps","omit","onBlurProp","onFocusProp","_useBoolean","useBoolean","isFocused","setFocused","_useBoolean2","isHovered","setHovered","_useBoolean3","isActive","setActive","inputRef","useRef","_useState","useState","rootIsLabelElement","setRootIsLabelElement","_useState2","checkedState","setCheckedState","_useControllableProp","useControllableProp","isControlled","warn","condition","message","event","preventDefault","useSafeLayoutEffect","current","indeterminate","Boolean","useUpdateEffect","off","trulyDisabled","onKeyDown","on","onKeyUp","forwardedRef","ref","dataAttr","onMouseDown","callAllHandlers","onMouseUp","onMouseEnter","onMouseLeave","getRootProps","mergeRefs","node","tagName","onClick","_inputRef$current","click","focus","nextTick","getInputProps","type","required","disabled","readOnly","visuallyHiddenStyle","getLabelProps","stopEvent","onTouchStart","state","stopPropagation","_excluded","CheckboxControl","baseStyle","verticalAlign","userSelect","flexShrink","Label","cursor","position","Checkbox","forwardRef","mergedProps","styles","useMultiStyleConfig","ownProps","omitThemingProps","_ownProps$spacing","spacing","className","iconColor","iconSize","_ownProps$icon","icon","isCheckedProp","_ownProps$isDisabled","inputProps","callAll","_useCheckbox","iconStyles","transform","fontSize","color","clonedIcon","cloneElement","__css","container","cx","control","span","marginStart","label"],"mappings":"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"}