@veeqo/ui 14.0.3 → 14.0.5

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Accordion/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { theme } from '../../theme';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst TapBarChild = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst Left = styled(TapBarChild)<{ glyphColor: string }>`\n  svg {\n    margin-right: 12px;\n    height: ${sizes.base};\n    width: ${sizes.base};\n\n    color: ${({ glyphColor }) => glyphColor};\n  }\n`;\n\nconst Right = styled(TapBarChild as any)`\n  justify-content: flex-end;\n  flex-grow: 2;\n`;\n\n/**\n * Due to unique behaviour observed in Safari, we override the outline property when\n * the accordion is focussed.\n */\nconst AccordionSummary = styled.summary`\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n\n  :focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  :active {\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst Top = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n`;\n\nconst Description = styled(Text)`\n  margin-top: 8px;\n`;\n\nconst AccordionContent = styled(motion(BaseContainer))`\n  margin-top: 4px;\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n`;\n\nconst AccordionDetails = styled.details`\n  summary {\n    list-style-type: none;\n    ::-webkit-details-marker {\n      display: none;\n    }\n  }\n`;\n\nconst UnstyledAccordionContent = styled(motion(BaseContainer))``;\n\nconst UnstyledAccordionSummary = styled.summary`\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport {\n  AccordionSummary,\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  UnstyledAccordionContent,\n  UnstyledAccordionSummary,\n};\n"],"names":["styled","BaseContainer","sizes","theme","Text","motion"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,WAAW,GAAGA,uBAAM,CAACC,2BAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAGD,uBAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAAE,WAAK,CAAC,IAAI,CACX,OAAA,EAAAA,WAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAGF,uBAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,OAAO,yMAQjBG,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAGH,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,WAAW,GAAGD,uBAAM,CAACI,SAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAGJ,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAGD,uBAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAGA,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAGD,uBAAM,CAAC,OAAO,uIAGnBG,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { theme } from '../../theme';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst TapBarChild = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst Left = styled(TapBarChild)<{ glyphColor: string }>`\n  svg {\n    margin-right: 12px;\n    height: ${sizes.base};\n    width: ${sizes.base};\n\n    color: ${({ glyphColor }) => glyphColor};\n  }\n`;\n\nconst Right = styled(TapBarChild as any)`\n  justify-content: flex-end;\n  flex-grow: 2;\n`;\n\n/**\n * Due to unique behaviour observed in Safari, we override the outline property when\n * the accordion is focussed.\n */\nconst AccordionSummary = styled.summary`\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n\n  :focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  :active {\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst Top = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n`;\n\nconst Description = styled(Text)`\n  margin-top: 8px;\n`;\n\nconst AccordionContent = styled(motion(BaseContainer))`\n  margin-top: 4px;\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n`;\n\nconst AccordionDetails = styled.details`\n  summary {\n    list-style-type: none;\n    ::-webkit-details-marker {\n      display: none;\n    }\n  }\n`;\n\nconst UnstyledAccordionContent = styled(motion(BaseContainer))``;\n\nconst UnstyledAccordionSummary = styled.summary`\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport {\n  AccordionSummary,\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  UnstyledAccordionContent,\n  UnstyledAccordionSummary,\n};\n"],"names":["styled","BaseContainer","sizes","theme","Text","motion"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,WAAW,GAAGA,uBAAM,CAACC,2BAAa,CAAC,kIAIxC;AAED,MAAM,IAAI,GAAGD,uBAAM,CAAC,WAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAGlBE,WAAK,CAAC,IAAI,CAAA,OAAA,EACXA,WAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAGF,uBAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,OAAO,yMAQjBG,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAGH,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,WAAW,GAAGD,uBAAM,CAACI,SAAI,CAAC;AAIhC,MAAM,gBAAgB,GAAGJ,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAGD,uBAAM,CAAC,OAAO;AASvC,MAAM,wBAAwB,GAAGA,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAGD,uBAAM,CAAC,OAAO,uIAGnBG,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;;;;;;;;;;"}

package/dist/components/Accordion/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { theme } from '../../theme';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst TapBarChild = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst Left = styled(TapBarChild)<{ glyphColor: string }>`\n  svg {\n    margin-right: 12px;\n    height: ${sizes.base};\n    width: ${sizes.base};\n\n    color: ${({ glyphColor }) => glyphColor};\n  }\n`;\n\nconst Right = styled(TapBarChild as any)`\n  justify-content: flex-end;\n  flex-grow: 2;\n`;\n\n/**\n * Due to unique behaviour observed in Safari, we override the outline property when\n * the accordion is focussed.\n */\nconst AccordionSummary = styled.summary`\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n\n  :focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  :active {\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst Top = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n`;\n\nconst Description = styled(Text)`\n  margin-top: 8px;\n`;\n\nconst AccordionContent = styled(motion(BaseContainer))`\n  margin-top: 4px;\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n`;\n\nconst AccordionDetails = styled.details`\n  summary {\n    list-style-type: none;\n    ::-webkit-details-marker {\n      display: none;\n    }\n  }\n`;\n\nconst UnstyledAccordionContent = styled(motion(BaseContainer))``;\n\nconst UnstyledAccordionSummary = styled.summary`\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport {\n  AccordionSummary,\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  UnstyledAccordionContent,\n  UnstyledAccordionSummary,\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAA,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,yMAQjB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOjC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAG,MAAM,CAAC,OAAO,uIAGnB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { theme } from '../../theme';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst TapBarChild = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst Left = styled(TapBarChild)<{ glyphColor: string }>`\n  svg {\n    margin-right: 12px;\n    height: ${sizes.base};\n    width: ${sizes.base};\n\n    color: ${({ glyphColor }) => glyphColor};\n  }\n`;\n\nconst Right = styled(TapBarChild as any)`\n  justify-content: flex-end;\n  flex-grow: 2;\n`;\n\n/**\n * Due to unique behaviour observed in Safari, we override the outline property when\n * the accordion is focussed.\n */\nconst AccordionSummary = styled.summary`\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n\n  :focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  :active {\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst Top = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n`;\n\nconst Description = styled(Text)`\n  margin-top: 8px;\n`;\n\nconst AccordionContent = styled(motion(BaseContainer))`\n  margin-top: 4px;\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n`;\n\nconst AccordionDetails = styled.details`\n  summary {\n    list-style-type: none;\n    ::-webkit-details-marker {\n      display: none;\n    }\n  }\n`;\n\nconst UnstyledAccordionContent = styled(motion(BaseContainer))``;\n\nconst UnstyledAccordionSummary = styled.summary`\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport {\n  AccordionSummary,\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  UnstyledAccordionContent,\n  UnstyledAccordionSummary,\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,kIAIxC;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAGlB,KAAK,CAAC,IAAI,CAAA,OAAA,EACX,KAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,yMAQjB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOjC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAIhC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO;AASvC,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAG,MAAM,CAAC,OAAO,uIAGnB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}

package/dist/components/ActionMenu/ActionMenu.cjs

@@ -22,10 +22,10 @@ const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
         e.preventDefault();
     };
     return (React__default.default.createElement(Dropdown.Dropdown, { id: idComputed, style: { padding: '0' }, shouldShow: shouldShow, setShouldShow: setShouldShow, ctaProps: { size: 'sm', ...ctaProps }, useAnchorWidth: true, onKeyDown: onKeyDown },
-        React__default.default.createElement(reactAriaComponents.Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === undefined ? undefined : _a.toString()) }, actions === null || actions === undefined ? undefined :
+        React__default.default.createElement(reactAriaComponents.Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === void 0 ? void 0 : _a.toString()) }, actions === null || actions === void 0 ? void 0 :
             actions.map((action) => {
                 var _a;
-                return (React__default.default.createElement(styled.MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === undefined ? undefined : _a.toString()) }));
+                return (React__default.default.createElement(styled.MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === void 0 ? void 0 : _a.toString()) }));
             }),
             children)));
 };

package/dist/components/ActionMenu/ActionMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["useState","useId","React","Dropdown","Menu","MenuItem","Section","Text"],"mappings":";;;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,KAAC;AAED,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,iBAAQ,EACP,EAAA,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EACd,IAAA,EAAA,SAAS,EAAE,SAAS,EAAA;QAEpBD,sBAAC,CAAA,aAAA,CAAAE,wBAAI,EACH,EAAA,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,SAAA,GAAA,SAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBF,qCAACG,eAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAI,CAAA;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAGA,eAAQ;AAC1B,UAAU,CAAC,OAAO,GAAGC,cAAO;AAC5B,UAAU,CAAC,IAAI,GAAGC,wBAAI;;;;"}
+{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["useState","useId","React","Dropdown","Menu","MenuItem","Section","Text"],"mappings":";;;;;;;;;;;;;;AAeO,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,IAAA,CAAC;AAED,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,iBAAQ,EAAA,EACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EAAA,IAAA,EACd,SAAS,EAAE,SAAS,EAAA;QAEpBD,sBAAA,CAAA,aAAA,CAACE,wBAAI,EAAA,EACH,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBF,qCAACG,eAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,CAAI;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAGA,eAAQ;AAC1B,UAAU,CAAC,OAAO,GAAGC,cAAO;AAC5B,UAAU,CAAC,IAAI,GAAGC,wBAAI;;;;"}

package/dist/components/ActionMenu/ActionMenu.js

@@ -16,10 +16,10 @@ const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
         e.preventDefault();
     };
     return (React__default.createElement(Dropdown, { id: idComputed, style: { padding: '0' }, shouldShow: shouldShow, setShouldShow: setShouldShow, ctaProps: { size: 'sm', ...ctaProps }, useAnchorWidth: true, onKeyDown: onKeyDown },
-        React__default.createElement(Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === undefined ? undefined : _a.toString()) }, actions === null || actions === undefined ? undefined :
+        React__default.createElement(Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === void 0 ? void 0 : _a.toString()) }, actions === null || actions === void 0 ? void 0 :
             actions.map((action) => {
                 var _a;
-                return (React__default.createElement(MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === undefined ? undefined : _a.toString()) }));
+                return (React__default.createElement(MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === void 0 ? void 0 : _a.toString()) }));
             }),
             children)));
 };

package/dist/components/ActionMenu/ActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["React"],"mappings":";;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,KAAC;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EACd,IAAA,EAAA,SAAS,EAAE,SAAS,EAAA;QAEpBA,cAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,SAAA,GAAA,SAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBA,6BAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAI,CAAA;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}
+{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["React"],"mappings":";;;;;;;;AAeO,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EAAA,IAAA,EACd,SAAS,EAAE,SAAS,EAAA;QAEpBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBA,6BAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,CAAI;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}

package/dist/components/ActionMenu/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["styled","AriaMenuItem","theme","getTextStyles","AriaSection"],"mappings":";;;;;;;;;;;MAKa,QAAQ,GAAGA,uBAAM,CAACC,4BAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhCC,WAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAAC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAGF,uBAAM,CAACI,2BAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGdF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["styled","AriaMenuItem","theme","getTextStyles","AriaSection"],"mappings":";;;;;;;;;;;MAKa,QAAQ,GAAGA,uBAAM,CAACC,4BAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhCC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,SAAA,EACbA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,mBAAA,EAI9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EAC7CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,mFAAA,EAS9BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAKpC,MAAM,OAAO,GAAGF,uBAAM,CAACI,2BAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGdF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;"}

package/dist/components/ActionMenu/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["AriaMenuItem","AriaSection"],"mappings":";;;;;MAKa,QAAQ,GAAG,MAAM,CAACA,UAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhC,KAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACR,KAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAA,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAG,MAAM,CAACC,SAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["AriaMenuItem","AriaSection"],"mappings":";;;;;MAKa,QAAQ,GAAG,MAAM,CAACA,UAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,SAAA,EACb,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACR,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,mBAAA,EAI9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EAC7C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,mFAAA,EAS9B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAKpC,MAAM,OAAO,GAAG,MAAM,CAACC,SAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/Alerts/Alert/Alert.cjs

@@ -25,9 +25,9 @@ const Alert = ({ size = 'base', variant = 'default', colours: passedColours, rig
             Alert_module[`${size}-size`],
             Alerts_module[`${variant}-alert-variant`],
             className,
-        ]), style: assignCssVars.assignCssVars({ backgroundColor: passedColours === null || passedColours === undefined ? undefined : passedColours.background }), flexWrap: "nowrap", ...divProps },
+        ]), style: assignCssVars.assignCssVars({ backgroundColor: passedColours === null || passedColours === void 0 ? void 0 : passedColours.background }), flexWrap: "nowrap", ...divProps },
         React__default.default.createElement(FlexRow.FlexRow, { alignItems: isXsSize ? 'center' : 'flex-start', flexWrap: "nowrap", className: Alert_module.iconTextContainer },
-            React__default.default.createElement(FlexRow.FlexRow, { style: assignCssVars.assignCssVars({ iconColor: passedColours === null || passedColours === undefined ? undefined : passedColours.primary }), className: Alerts_module.icon, alignItems: "flex-start" }, iconSlot || React__default.default.createElement(DefaultIcon, { role: "presentation" })),
+            React__default.default.createElement(FlexRow.FlexRow, { style: assignCssVars.assignCssVars({ iconColor: passedColours === null || passedColours === void 0 ? void 0 : passedColours.primary }), className: Alerts_module.icon, alignItems: "flex-start" }, iconSlot || React__default.default.createElement(DefaultIcon, { role: "presentation" })),
             children || (React__default.default.createElement(FlexCol.FlexCol, { gap: isXsSize ? 'xs' : 'sm' },
                 titleSlot ||
                     (title && (React__default.default.createElement(Text.Text, { variant: "bodyBold", style: size === 'base' ? { lineHeight: '24px' } : {} }, title))),

package/dist/components/Alerts/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../../Text';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons';\nimport { IconMap } from '../constants';\nimport { AlertProps } from './types';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { assignCssVars, buildClassnames } from '../../../utils';\n\nimport alertStyles from '../Alerts.module.scss';\nimport styles from './Alert.module.scss';\n\nexport const Alert = ({\n  size = 'base',\n  variant = 'default',\n  colours: passedColours,\n  rightActions,\n  rightActionsSlot,\n  title,\n  titleSlot,\n  messageSlot,\n  message,\n  children,\n  iconSlot,\n  onClickClose,\n  className,\n  ...divProps\n}: AlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  const isXsSize = size === 'xs';\n\n  return (\n    <FlexRow\n      justifyContent=\"space-between\"\n      className={buildClassnames([\n        styles.alertContainer,\n        styles[`${size}-size`],\n        alertStyles[`${variant}-alert-variant`],\n        className,\n      ])}\n      style={assignCssVars({ backgroundColor: passedColours?.background })}\n      flexWrap=\"nowrap\"\n      {...divProps}\n    >\n      <FlexRow\n        alignItems={isXsSize ? 'center' : 'flex-start'}\n        flexWrap=\"nowrap\"\n        className={styles.iconTextContainer}\n      >\n        <FlexRow\n          style={assignCssVars({ iconColor: passedColours?.primary })}\n          className={alertStyles.icon}\n          alignItems=\"flex-start\"\n        >\n          {iconSlot || <DefaultIcon role=\"presentation\" />}\n        </FlexRow>\n\n        {children || (\n          <FlexCol gap={isXsSize ? 'xs' : 'sm'}>\n            {titleSlot ||\n              (title && (\n                <Text variant=\"bodyBold\" style={size === 'base' ? { lineHeight: '24px' } : {}}>\n                  {title}\n                </Text>\n              ))}\n            {messageSlot || (message && <Text variant=\"body\">{message}</Text>)}\n          </FlexCol>\n        )}\n      </FlexRow>\n\n      <FlexRow justifyContent=\"flex-end\" flexWrap=\"nowrap\" className={styles.rightActionsContainer}>\n        {rightActionsSlot}\n\n        {rightActions && (\n          <FlexCol justifyContent=\"center\" className={styles.rightActions}>\n            {rightActions.map(({ label, ...actionProps }) => (\n              <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n                {label}\n              </Button>\n            ))}\n          </FlexCol>\n        )}\n\n        {onClickClose && (\n          <FlexCol className={styles.closeContainer}>\n            <Button\n              variant=\"flat\"\n              iconSlot={<CrossIcon />}\n              onClick={onClickClose}\n              aria-label=\"Close\"\n              size=\"sm\"\n            />\n          </FlexCol>\n        )}\n      </FlexRow>\n    </FlexRow>\n  );\n};\n"],"names":["IconMap","React","FlexRow","buildClassnames","styles","alertStyles","assignCssVars","FlexCol","Text","Button","CrossIcon"],"mappings":"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"}
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../../Text';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons';\nimport { IconMap } from '../constants';\nimport { AlertProps } from './types';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { assignCssVars, buildClassnames } from '../../../utils';\n\nimport alertStyles from '../Alerts.module.scss';\nimport styles from './Alert.module.scss';\n\nexport const Alert = ({\n  size = 'base',\n  variant = 'default',\n  colours: passedColours,\n  rightActions,\n  rightActionsSlot,\n  title,\n  titleSlot,\n  messageSlot,\n  message,\n  children,\n  iconSlot,\n  onClickClose,\n  className,\n  ...divProps\n}: AlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  const isXsSize = size === 'xs';\n\n  return (\n    <FlexRow\n      justifyContent=\"space-between\"\n      className={buildClassnames([\n        styles.alertContainer,\n        styles[`${size}-size`],\n        alertStyles[`${variant}-alert-variant`],\n        className,\n      ])}\n      style={assignCssVars({ backgroundColor: passedColours?.background })}\n      flexWrap=\"nowrap\"\n      {...divProps}\n    >\n      <FlexRow\n        alignItems={isXsSize ? 'center' : 'flex-start'}\n        flexWrap=\"nowrap\"\n        className={styles.iconTextContainer}\n      >\n        <FlexRow\n          style={assignCssVars({ iconColor: passedColours?.primary })}\n          className={alertStyles.icon}\n          alignItems=\"flex-start\"\n        >\n          {iconSlot || <DefaultIcon role=\"presentation\" />}\n        </FlexRow>\n\n        {children || (\n          <FlexCol gap={isXsSize ? 'xs' : 'sm'}>\n            {titleSlot ||\n              (title && (\n                <Text variant=\"bodyBold\" style={size === 'base' ? { lineHeight: '24px' } : {}}>\n                  {title}\n                </Text>\n              ))}\n            {messageSlot || (message && <Text variant=\"body\">{message}</Text>)}\n          </FlexCol>\n        )}\n      </FlexRow>\n\n      <FlexRow justifyContent=\"flex-end\" flexWrap=\"nowrap\" className={styles.rightActionsContainer}>\n        {rightActionsSlot}\n\n        {rightActions && (\n          <FlexCol justifyContent=\"center\" className={styles.rightActions}>\n            {rightActions.map(({ label, ...actionProps }) => (\n              <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n                {label}\n              </Button>\n            ))}\n          </FlexCol>\n        )}\n\n        {onClickClose && (\n          <FlexCol className={styles.closeContainer}>\n            <Button\n              variant=\"flat\"\n              iconSlot={<CrossIcon />}\n              onClick={onClickClose}\n              aria-label=\"Close\"\n              size=\"sm\"\n            />\n          </FlexCol>\n        )}\n      </FlexRow>\n    </FlexRow>\n  );\n};\n"],"names":["IconMap","React","FlexRow","buildClassnames","styles","alertStyles","assignCssVars","FlexCol","Text","Button","CrossIcon"],"mappings":"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"}

package/dist/components/Alerts/Alert/Alert.js

@@ -19,9 +19,9 @@ const Alert = ({ size = 'base', variant = 'default', colours: passedColours, rig
             styles[`${size}-size`],
             alertStyles[`${variant}-alert-variant`],
             className,
-        ]), style: assignCssVars({ backgroundColor: passedColours === null || passedColours === undefined ? undefined : passedColours.background }), flexWrap: "nowrap", ...divProps },
+        ]), style: assignCssVars({ backgroundColor: passedColours === null || passedColours === void 0 ? void 0 : passedColours.background }), flexWrap: "nowrap", ...divProps },
         React__default.createElement(FlexRow, { alignItems: isXsSize ? 'center' : 'flex-start', flexWrap: "nowrap", className: styles.iconTextContainer },
-            React__default.createElement(FlexRow, { style: assignCssVars({ iconColor: passedColours === null || passedColours === undefined ? undefined : passedColours.primary }), className: alertStyles.icon, alignItems: "flex-start" }, iconSlot || React__default.createElement(DefaultIcon, { role: "presentation" })),
+            React__default.createElement(FlexRow, { style: assignCssVars({ iconColor: passedColours === null || passedColours === void 0 ? void 0 : passedColours.primary }), className: alertStyles.icon, alignItems: "flex-start" }, iconSlot || React__default.createElement(DefaultIcon, { role: "presentation" })),
             children || (React__default.createElement(FlexCol, { gap: isXsSize ? 'xs' : 'sm' },
                 titleSlot ||
                     (title && (React__default.createElement(Text, { variant: "bodyBold", style: size === 'base' ? { lineHeight: '24px' } : {} }, title))),

package/dist/components/Alerts/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../../Text';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons';\nimport { IconMap } from '../constants';\nimport { AlertProps } from './types';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { assignCssVars, buildClassnames } from '../../../utils';\n\nimport alertStyles from '../Alerts.module.scss';\nimport styles from './Alert.module.scss';\n\nexport const Alert = ({\n  size = 'base',\n  variant = 'default',\n  colours: passedColours,\n  rightActions,\n  rightActionsSlot,\n  title,\n  titleSlot,\n  messageSlot,\n  message,\n  children,\n  iconSlot,\n  onClickClose,\n  className,\n  ...divProps\n}: AlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  const isXsSize = size === 'xs';\n\n  return (\n    <FlexRow\n      justifyContent=\"space-between\"\n      className={buildClassnames([\n        styles.alertContainer,\n        styles[`${size}-size`],\n        alertStyles[`${variant}-alert-variant`],\n        className,\n      ])}\n      style={assignCssVars({ backgroundColor: passedColours?.background })}\n      flexWrap=\"nowrap\"\n      {...divProps}\n    >\n      <FlexRow\n        alignItems={isXsSize ? 'center' : 'flex-start'}\n        flexWrap=\"nowrap\"\n        className={styles.iconTextContainer}\n      >\n        <FlexRow\n          style={assignCssVars({ iconColor: passedColours?.primary })}\n          className={alertStyles.icon}\n          alignItems=\"flex-start\"\n        >\n          {iconSlot || <DefaultIcon role=\"presentation\" />}\n        </FlexRow>\n\n        {children || (\n          <FlexCol gap={isXsSize ? 'xs' : 'sm'}>\n            {titleSlot ||\n              (title && (\n                <Text variant=\"bodyBold\" style={size === 'base' ? { lineHeight: '24px' } : {}}>\n                  {title}\n                </Text>\n              ))}\n            {messageSlot || (message && <Text variant=\"body\">{message}</Text>)}\n          </FlexCol>\n        )}\n      </FlexRow>\n\n      <FlexRow justifyContent=\"flex-end\" flexWrap=\"nowrap\" className={styles.rightActionsContainer}>\n        {rightActionsSlot}\n\n        {rightActions && (\n          <FlexCol justifyContent=\"center\" className={styles.rightActions}>\n            {rightActions.map(({ label, ...actionProps }) => (\n              <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n                {label}\n              </Button>\n            ))}\n          </FlexCol>\n        )}\n\n        {onClickClose && (\n          <FlexCol className={styles.closeContainer}>\n            <Button\n              variant=\"flat\"\n              iconSlot={<CrossIcon />}\n              onClick={onClickClose}\n              aria-label=\"Close\"\n              size=\"sm\"\n            />\n          </FlexCol>\n        )}\n      </FlexRow>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAca,MAAA,KAAK,GAAG,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,SAAS,EACnB,OAAO,EAAE,aAAa,EACtB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,GAAG,QAAQ,EACA,KAAI;AACf,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;AAEpC,IAAA,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI;IAE9B,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,cAAc;AACrB,YAAA,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,WAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;YACvC,SAAS;SACV,CAAC,EACF,KAAK,EAAE,aAAa,CAAC,EAAE,eAAe,EAAE,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAE,UAAU,EAAE,CAAC,EACpE,QAAQ,EAAC,QAAQ,EAAA,GACb,QAAQ,EAAA;QAEZA,cAAC,CAAA,aAAA,CAAA,OAAO,IACN,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,EAC9C,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA;AAEnC,YAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EACN,EAAA,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,OAAO,EAAE,CAAC,EAC3D,SAAS,EAAE,WAAW,CAAC,IAAI,EAC3B,UAAU,EAAC,YAAY,EAAA,EAEtB,QAAQ,IAAIA,6BAAC,WAAW,EAAA,EAAC,IAAI,EAAC,cAAc,GAAG,CACxC;AAET,YAAA,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,EAAA;gBACjC,SAAS;AACR,qBAAC,KAAK,KACJA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,KAAK,MAAM,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA,EAC1E,KAAK,CACD,CACR,CAAC;AACH,gBAAA,WAAW,KAAK,OAAO,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,MAAM,IAAE,OAAO,CAAQ,CAAC,CAC1D,CACX,CACO;AAEV,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,cAAc,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAA;YACzF,gBAAgB;YAEhB,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,EAC5D,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAC1CA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAA,GAAK,WAAW,EAAA,EACxD,KAAK,CACC,CACV,CAAC,CACM,CACX;YAEA,YAAY,KACXA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA;gBACvCA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,IAAI,EACT,CAAA,CACM,CACX,CACO,CACF;AAEd;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../../Text';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons';\nimport { IconMap } from '../constants';\nimport { AlertProps } from './types';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { FlexCol } from '../../Flex/FlexCol';\nimport { assignCssVars, buildClassnames } from '../../../utils';\n\nimport alertStyles from '../Alerts.module.scss';\nimport styles from './Alert.module.scss';\n\nexport const Alert = ({\n  size = 'base',\n  variant = 'default',\n  colours: passedColours,\n  rightActions,\n  rightActionsSlot,\n  title,\n  titleSlot,\n  messageSlot,\n  message,\n  children,\n  iconSlot,\n  onClickClose,\n  className,\n  ...divProps\n}: AlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  const isXsSize = size === 'xs';\n\n  return (\n    <FlexRow\n      justifyContent=\"space-between\"\n      className={buildClassnames([\n        styles.alertContainer,\n        styles[`${size}-size`],\n        alertStyles[`${variant}-alert-variant`],\n        className,\n      ])}\n      style={assignCssVars({ backgroundColor: passedColours?.background })}\n      flexWrap=\"nowrap\"\n      {...divProps}\n    >\n      <FlexRow\n        alignItems={isXsSize ? 'center' : 'flex-start'}\n        flexWrap=\"nowrap\"\n        className={styles.iconTextContainer}\n      >\n        <FlexRow\n          style={assignCssVars({ iconColor: passedColours?.primary })}\n          className={alertStyles.icon}\n          alignItems=\"flex-start\"\n        >\n          {iconSlot || <DefaultIcon role=\"presentation\" />}\n        </FlexRow>\n\n        {children || (\n          <FlexCol gap={isXsSize ? 'xs' : 'sm'}>\n            {titleSlot ||\n              (title && (\n                <Text variant=\"bodyBold\" style={size === 'base' ? { lineHeight: '24px' } : {}}>\n                  {title}\n                </Text>\n              ))}\n            {messageSlot || (message && <Text variant=\"body\">{message}</Text>)}\n          </FlexCol>\n        )}\n      </FlexRow>\n\n      <FlexRow justifyContent=\"flex-end\" flexWrap=\"nowrap\" className={styles.rightActionsContainer}>\n        {rightActionsSlot}\n\n        {rightActions && (\n          <FlexCol justifyContent=\"center\" className={styles.rightActions}>\n            {rightActions.map(({ label, ...actionProps }) => (\n              <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n                {label}\n              </Button>\n            ))}\n          </FlexCol>\n        )}\n\n        {onClickClose && (\n          <FlexCol className={styles.closeContainer}>\n            <Button\n              variant=\"flat\"\n              iconSlot={<CrossIcon />}\n              onClick={onClickClose}\n              aria-label=\"Close\"\n              size=\"sm\"\n            />\n          </FlexCol>\n        )}\n      </FlexRow>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Alerts/MiniAlert/MiniAlert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n  isBold = true,\n  className,\n  ...divProps\n}: MiniAlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  return (\n    <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n      <FlexRow\n        style={assignCssVars({ iconColor: customIconColour })}\n        className={buildClassnames([\n          alertStyles.icon,\n          alertStyles[`${variant}-alert-variant`],\n          styles['mini-alert-size'],\n        ])}\n      >\n        {iconSlot || <DefaultIcon role=\"presentation\" />}\n      </FlexRow>\n      <Text\n        variant={isBold ? 'bodyBold' : 'body'}\n        style={assignCssVars({ textColor: customTitleColour })}\n        className={buildClassnames([styles.text, styles[`${variant}-variant`]])}\n      >\n        {title}\n      </Text>\n    </FlexRow>\n  );\n};\n"],"names":["IconMap","React","FlexRow","assignCssVars","buildClassnames","alertStyles","styles","Text"],"mappings":";;;;;;;;;;;;;;;;AAWO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,QAAQ,EACI,KAAI;AACnB,IAAA,MAAM,WAAW,GAAGA,iBAAO,CAAC,OAAO,CAAC;IAEpC,QACEC,qCAACC,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAA,GAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA;AAClF,QAAAD,sBAAA,CAAA,aAAA,CAACC,eAAO,EACN,EAAA,KAAK,EAAEC,2BAAa,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACrD,SAAS,EAAEC,+BAAe,CAAC;AACzB,gBAAAC,aAAW,CAAC,IAAI;AAChB,gBAAAA,aAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;gBACvCC,gBAAM,CAAC,iBAAiB,CAAC;aAC1B,CAAC,EAAA,EAED,QAAQ,IAAIL,sBAAC,CAAA,aAAA,CAAA,WAAW,IAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACxC;QACVA,sBAAC,CAAA,aAAA,CAAAM,SAAI,IACH,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,EACrC,KAAK,EAAEJ,2BAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACtD,SAAS,EAAEC,+BAAe,CAAC,CAACE,gBAAM,CAAC,IAAI,EAAEA,gBAAM,CAAC,GAAG,OAAO,CAAA,QAAA,CAAU,CAAC,CAAC,CAAC,IAEtE,KAAK,CACD,CACC;AAEd;;;;"}
+{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n  isBold = true,\n  className,\n  ...divProps\n}: MiniAlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  return (\n    <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n      <FlexRow\n        style={assignCssVars({ iconColor: customIconColour })}\n        className={buildClassnames([\n          alertStyles.icon,\n          alertStyles[`${variant}-alert-variant`],\n          styles['mini-alert-size'],\n        ])}\n      >\n        {iconSlot || <DefaultIcon role=\"presentation\" />}\n      </FlexRow>\n      <Text\n        variant={isBold ? 'bodyBold' : 'body'}\n        style={assignCssVars({ textColor: customTitleColour })}\n        className={buildClassnames([styles.text, styles[`${variant}-variant`]])}\n      >\n        {title}\n      </Text>\n    </FlexRow>\n  );\n};\n"],"names":["IconMap","React","FlexRow","assignCssVars","buildClassnames","alertStyles","styles","Text"],"mappings":";;;;;;;;;;;;;;;;AAWO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,QAAQ,EACI,KAAI;AACnB,IAAA,MAAM,WAAW,GAAGA,iBAAO,CAAC,OAAO,CAAC;IAEpC,QACEC,qCAACC,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAA,GAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA;AAClF,QAAAD,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,KAAK,EAAEC,2BAAa,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACrD,SAAS,EAAEC,+BAAe,CAAC;AACzB,gBAAAC,aAAW,CAAC,IAAI;AAChB,gBAAAA,aAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;gBACvCC,gBAAM,CAAC,iBAAiB,CAAC;aAC1B,CAAC,EAAA,EAED,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAC,WAAW,IAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACxC;QACVA,sBAAA,CAAA,aAAA,CAACM,SAAI,IACH,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,EACrC,KAAK,EAAEJ,2BAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACtD,SAAS,EAAEC,+BAAe,CAAC,CAACE,gBAAM,CAAC,IAAI,EAAEA,gBAAM,CAAC,GAAG,OAAO,CAAA,QAAA,CAAU,CAAC,CAAC,CAAC,IAEtE,KAAK,CACD,CACC;AAEd;;;;"}

package/dist/components/Alerts/MiniAlert/MiniAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n  isBold = true,\n  className,\n  ...divProps\n}: MiniAlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  return (\n    <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n      <FlexRow\n        style={assignCssVars({ iconColor: customIconColour })}\n        className={buildClassnames([\n          alertStyles.icon,\n          alertStyles[`${variant}-alert-variant`],\n          styles['mini-alert-size'],\n        ])}\n      >\n        {iconSlot || <DefaultIcon role=\"presentation\" />}\n      </FlexRow>\n      <Text\n        variant={isBold ? 'bodyBold' : 'body'}\n        style={assignCssVars({ textColor: customTitleColour })}\n        className={buildClassnames([styles.text, styles[`${variant}-variant`]])}\n      >\n        {title}\n      </Text>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAWO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,QAAQ,EACI,KAAI;AACnB,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IAEpC,QACEA,6BAAC,OAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAA,GAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA;AAClF,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EACN,EAAA,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACrD,SAAS,EAAE,eAAe,CAAC;AACzB,gBAAA,WAAW,CAAC,IAAI;AAChB,gBAAA,WAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;gBACvC,MAAM,CAAC,iBAAiB,CAAC;aAC1B,CAAC,EAAA,EAED,QAAQ,IAAIA,cAAC,CAAA,aAAA,CAAA,WAAW,IAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACxC;QACVA,cAAC,CAAA,aAAA,CAAA,IAAI,IACH,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,EACrC,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACtD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,CAAA,QAAA,CAAU,CAAC,CAAC,CAAC,IAEtE,KAAK,CACD,CACC;AAEd;;;;"}
+{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames, assignCssVars } from '../../../utils';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\n\nimport styles from './MiniAlert.module.scss';\nimport alertStyles from '../Alerts.module.scss';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n  isBold = true,\n  className,\n  ...divProps\n}: MiniAlertProps) => {\n  const DefaultIcon = IconMap[variant];\n\n  return (\n    <FlexRow gap=\"xs\" role=\"status\" flexWrap=\"nowrap\" {...divProps} className={className}>\n      <FlexRow\n        style={assignCssVars({ iconColor: customIconColour })}\n        className={buildClassnames([\n          alertStyles.icon,\n          alertStyles[`${variant}-alert-variant`],\n          styles['mini-alert-size'],\n        ])}\n      >\n        {iconSlot || <DefaultIcon role=\"presentation\" />}\n      </FlexRow>\n      <Text\n        variant={isBold ? 'bodyBold' : 'body'}\n        style={assignCssVars({ textColor: customTitleColour })}\n        className={buildClassnames([styles.text, styles[`${variant}-variant`]])}\n      >\n        {title}\n      </Text>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAWO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,QAAQ,EACI,KAAI;AACnB,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IAEpC,QACEA,6BAAC,OAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAA,GAAK,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA;AAClF,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACrD,SAAS,EAAE,eAAe,CAAC;AACzB,gBAAA,WAAW,CAAC,IAAI;AAChB,gBAAA,WAAW,CAAC,CAAA,EAAG,OAAO,CAAA,cAAA,CAAgB,CAAC;gBACvC,MAAM,CAAC,iBAAiB,CAAC;aAC1B,CAAC,EAAA,EAED,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,WAAW,IAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACxC;QACVA,cAAA,CAAA,aAAA,CAAC,IAAI,IACH,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,EACrC,KAAK,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,EACtD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,CAAA,QAAA,CAAU,CAAC,CAAC,CAAC,IAEtE,KAAK,CACD,CACC;AAEd;;;;"}

package/dist/components/Alerts/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import type { IconComponent } from 'src/icons/types';\nimport { AlertVariants } from './types';\nimport {\n  CriticalIcon,\n  HelpFillIcon,\n  InfoFillIcon,\n  RecommendIcon,\n  SuccessFillIcon,\n  WarningIcon,\n} from '../../icons';\n\nexport const IconMap: Record<AlertVariants, IconComponent> = {\n  default: InfoFillIcon,\n  error: CriticalIcon,\n  success: SuccessFillIcon,\n  info: HelpFillIcon,\n  warning: WarningIcon,\n  recommend: RecommendIcon,\n};\n"],"names":["InfoFillIcon","CriticalIcon","SuccessFillIcon","HelpFillIcon","WarningIcon","RecommendIcon"],"mappings":";;;;;;;;;;AAWa,MAAA,OAAO,GAAyC;AAC3D,IAAA,OAAO,EAAEA,2BAAY;AACrB,IAAA,KAAK,EAAEC,2BAAY;AACnB,IAAA,OAAO,EAAEC,8BAAe;AACxB,IAAA,IAAI,EAAEC,2BAAY;AAClB,IAAA,OAAO,EAAEC,0BAAW;AACpB,IAAA,SAAS,EAAEC,2BAAa;;;;;"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import type { IconComponent } from 'src/icons/types';\nimport { AlertVariants } from './types';\nimport {\n  CriticalIcon,\n  HelpFillIcon,\n  InfoFillIcon,\n  RecommendIcon,\n  SuccessFillIcon,\n  WarningIcon,\n} from '../../icons';\n\nexport const IconMap: Record<AlertVariants, IconComponent> = {\n  default: InfoFillIcon,\n  error: CriticalIcon,\n  success: SuccessFillIcon,\n  info: HelpFillIcon,\n  warning: WarningIcon,\n  recommend: RecommendIcon,\n};\n"],"names":["InfoFillIcon","CriticalIcon","SuccessFillIcon","HelpFillIcon","WarningIcon","RecommendIcon"],"mappings":";;;;;;;;;;AAWO,MAAM,OAAO,GAAyC;AAC3D,IAAA,OAAO,EAAEA,2BAAY;AACrB,IAAA,KAAK,EAAEC,2BAAY;AACnB,IAAA,OAAO,EAAEC,8BAAe;AACxB,IAAA,IAAI,EAAEC,2BAAY;AAClB,IAAA,OAAO,EAAEC,0BAAW;AACpB,IAAA,SAAS,EAAEC,2BAAa;;;;;"}

package/dist/components/Alerts/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import type { IconComponent } from 'src/icons/types';\nimport { AlertVariants } from './types';\nimport {\n  CriticalIcon,\n  HelpFillIcon,\n  InfoFillIcon,\n  RecommendIcon,\n  SuccessFillIcon,\n  WarningIcon,\n} from '../../icons';\n\nexport const IconMap: Record<AlertVariants, IconComponent> = {\n  default: InfoFillIcon,\n  error: CriticalIcon,\n  success: SuccessFillIcon,\n  info: HelpFillIcon,\n  warning: WarningIcon,\n  recommend: RecommendIcon,\n};\n"],"names":[],"mappings":";;;;;;;;AAWa,MAAA,OAAO,GAAyC;AAC3D,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import type { IconComponent } from 'src/icons/types';\nimport { AlertVariants } from './types';\nimport {\n  CriticalIcon,\n  HelpFillIcon,\n  InfoFillIcon,\n  RecommendIcon,\n  SuccessFillIcon,\n  WarningIcon,\n} from '../../icons';\n\nexport const IconMap: Record<AlertVariants, IconComponent> = {\n  default: InfoFillIcon,\n  error: CriticalIcon,\n  success: SuccessFillIcon,\n  info: HelpFillIcon,\n  warning: WarningIcon,\n  recommend: RecommendIcon,\n};\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,OAAO,GAAyC;AAC3D,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;;;;"}

package/dist/components/Anchor/Anchor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { buildClassnames } from '../../utils';\nimport styles from './Anchor.module.scss';\n\nimport { HelpIcon, LaunchIcon } from '../../icons';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n  ({\n    variant = 'base',\n    size = 'base',\n    href,\n    showHelpIcon = false,\n    leftIconSlot = null,\n    hideExternalLinkIcon = false,\n    allowedHostnames = [],\n    children,\n    target,\n    rel,\n    className,\n    ...rest\n  }: AnchorProps) => {\n    // Process the URL to make it context-aware\n    const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n    // Determine if link is external based on processed href\n    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n    // Set security attributes for external links if not given in props\n    const secureTarget = target || (isExternal ? '_blank' : undefined);\n    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n    const shouldShowExternalLinkIcon =\n      (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n    const classNames = buildClassnames([\n      variant !== 'unstyled' && styles.anchor,\n      variant === 'inherit' && styles.inherit,\n      variant !== 'unstyled' && styles[size],\n      className,\n    ]);\n\n    return (\n      <a\n        href={processedHref}\n        target={secureTarget}\n        rel={secureRel}\n        className={classNames}\n        {...rest}\n      >\n        {leftIconSlot}\n        {showHelpIcon && !leftIconSlot && (\n          <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n        )}\n\n        {children}\n        {shouldShowExternalLinkIcon && (\n          <LaunchIcon\n            role=\"presentation\"\n            data-testid=\"external-icon\"\n            style={{ marginLeft: sizes.xs }}\n          />\n        )}\n      </a>\n    );\n  },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","buildClassnames","styles","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,MAAM,UAAU,GAAGC,+BAAe,CAAC;AACjC,QAAA,OAAO,KAAK,UAAU,IAAIC,aAAM,CAAC,MAAM;AACvC,QAAA,OAAO,KAAK,SAAS,IAAIA,aAAM,CAAC,OAAO;AACvC,QAAA,OAAO,KAAK,UAAU,IAAIA,aAAM,CAAC,IAAI,CAAC;QACtC,SAAS;AACV,KAAA,CAAC;AAEF,IAAA,QACEJ,sBACE,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,KACjB,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACK,uBAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBN,sBAAA,CAAA,aAAA,CAACO,yBAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACC;AAER,CAAC;;;;"}
+{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { buildClassnames } from '../../utils';\nimport styles from './Anchor.module.scss';\n\nimport { HelpIcon, LaunchIcon } from '../../icons';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n  ({\n    variant = 'base',\n    size = 'base',\n    href,\n    showHelpIcon = false,\n    leftIconSlot = null,\n    hideExternalLinkIcon = false,\n    allowedHostnames = [],\n    children,\n    target,\n    rel,\n    className,\n    ...rest\n  }: AnchorProps) => {\n    // Process the URL to make it context-aware\n    const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n    // Determine if link is external based on processed href\n    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n    // Set security attributes for external links if not given in props\n    const secureTarget = target || (isExternal ? '_blank' : undefined);\n    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n    const shouldShowExternalLinkIcon =\n      (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n    const classNames = buildClassnames([\n      variant !== 'unstyled' && styles.anchor,\n      variant === 'inherit' && styles.inherit,\n      variant !== 'unstyled' && styles[size],\n      className,\n    ]);\n\n    return (\n      <a\n        href={processedHref}\n        target={secureTarget}\n        rel={secureRel}\n        className={classNames}\n        {...rest}\n      >\n        {leftIconSlot}\n        {showHelpIcon && !leftIconSlot && (\n          <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n        )}\n\n        {children}\n        {shouldShowExternalLinkIcon && (\n          <LaunchIcon\n            role=\"presentation\"\n            data-testid=\"external-icon\"\n            style={{ marginLeft: sizes.xs }}\n          />\n        )}\n      </a>\n    );\n  },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","buildClassnames","styles","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,MAAM,UAAU,GAAGC,+BAAe,CAAC;AACjC,QAAA,OAAO,KAAK,UAAU,IAAIC,aAAM,CAAC,MAAM;AACvC,QAAA,OAAO,KAAK,SAAS,IAAIA,aAAM,CAAC,OAAO;AACvC,QAAA,OAAO,KAAK,UAAU,IAAIA,aAAM,CAAC,IAAI,CAAC;QACtC,SAAS;AACV,KAAA,CAAC;AAEF,IAAA,QACEJ,sBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,KACjB,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACK,uBAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBN,sBAAA,CAAA,aAAA,CAACO,yBAAU,EAAA,EACT,IAAI,EAAC,cAAc,EAAA,aAAA,EACP,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAAA,CAC/B,CACH,CACC;AAER,CAAC;;;;"}

package/dist/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { buildClassnames } from '../../utils';\nimport styles from './Anchor.module.scss';\n\nimport { HelpIcon, LaunchIcon } from '../../icons';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n  ({\n    variant = 'base',\n    size = 'base',\n    href,\n    showHelpIcon = false,\n    leftIconSlot = null,\n    hideExternalLinkIcon = false,\n    allowedHostnames = [],\n    children,\n    target,\n    rel,\n    className,\n    ...rest\n  }: AnchorProps) => {\n    // Process the URL to make it context-aware\n    const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n    // Determine if link is external based on processed href\n    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n    // Set security attributes for external links if not given in props\n    const secureTarget = target || (isExternal ? '_blank' : undefined);\n    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n    const shouldShowExternalLinkIcon =\n      (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n    const classNames = buildClassnames([\n      variant !== 'unstyled' && styles.anchor,\n      variant === 'inherit' && styles.inherit,\n      variant !== 'unstyled' && styles[size],\n      className,\n    ]);\n\n    return (\n      <a\n        href={processedHref}\n        target={secureTarget}\n        rel={secureRel}\n        className={classNames}\n        {...rest}\n      >\n        {leftIconSlot}\n        {showHelpIcon && !leftIconSlot && (\n          <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n        )}\n\n        {children}\n        {shouldShowExternalLinkIcon && (\n          <LaunchIcon\n            role=\"presentation\"\n            data-testid=\"external-icon\"\n            style={{ marginLeft: sizes.xs }}\n          />\n        )}\n      </a>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,MAAM,UAAU,GAAG,eAAe,CAAC;AACjC,QAAA,OAAO,KAAK,UAAU,IAAI,MAAM,CAAC,MAAM;AACvC,QAAA,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO;AACvC,QAAA,OAAO,KAAK,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC;QACtC,SAAS;AACV,KAAA,CAAC;AAEF,IAAA,QACEA,cACE,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,KACjB,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACC;AAER,CAAC;;;;"}
+{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { buildClassnames } from '../../utils';\nimport styles from './Anchor.module.scss';\n\nimport { HelpIcon, LaunchIcon } from '../../icons';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n  ({\n    variant = 'base',\n    size = 'base',\n    href,\n    showHelpIcon = false,\n    leftIconSlot = null,\n    hideExternalLinkIcon = false,\n    allowedHostnames = [],\n    children,\n    target,\n    rel,\n    className,\n    ...rest\n  }: AnchorProps) => {\n    // Process the URL to make it context-aware\n    const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n    // Determine if link is external based on processed href\n    const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n    // Set security attributes for external links if not given in props\n    const secureTarget = target || (isExternal ? '_blank' : undefined);\n    const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n    // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n    const shouldShowExternalLinkIcon =\n      (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n    const classNames = buildClassnames([\n      variant !== 'unstyled' && styles.anchor,\n      variant === 'inherit' && styles.inherit,\n      variant !== 'unstyled' && styles[size],\n      className,\n    ]);\n\n    return (\n      <a\n        href={processedHref}\n        target={secureTarget}\n        rel={secureRel}\n        className={classNames}\n        {...rest}\n      >\n        {leftIconSlot}\n        {showHelpIcon && !leftIconSlot && (\n          <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n        )}\n\n        {children}\n        {shouldShowExternalLinkIcon && (\n          <LaunchIcon\n            role=\"presentation\"\n            data-testid=\"external-icon\"\n            style={{ marginLeft: sizes.xs }}\n          />\n        )}\n      </a>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,MAAM,UAAU,GAAG,eAAe,CAAC;AACjC,QAAA,OAAO,KAAK,UAAU,IAAI,MAAM,CAAC,MAAM;AACvC,QAAA,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO;AACvC,QAAA,OAAO,KAAK,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC;QACtC,SAAS;AACV,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,KACjB,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EAAA,aAAA,EACP,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAC/B,CACH,CACC;AAER,CAAC;;;;"}

package/dist/components/Anchor/isExternalLink.cjs

@@ -22,7 +22,7 @@ function isExternalLink(urlOrPath, allowedHostnames = DEFAULT_ALLOWED_HOSTNAMES)
     // For protocol-relative URLs, prepend 'http:' to properly parse
     const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);
     const requestHostname = hostname.toLowerCase();
-    const currentHostname = ((_c = (_b = (_a = window.location) === null || _a === undefined ? undefined : _a.hostname) === null || _b === undefined ? undefined : _b.toLowerCase) === null || _c === undefined ? undefined : _c.call(_b)) || '';
+    const currentHostname = ((_c = (_b = (_a = window.location) === null || _a === void 0 ? void 0 : _a.hostname) === null || _b === void 0 ? void 0 : _b.toLowerCase) === null || _c === void 0 ? void 0 : _c.call(_b)) || '';
     // Check if hostname is in the allowed list
     if (allowedHostnames.length > 0 &&
         allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)) {

package/dist/components/Anchor/isExternalLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"isExternalLink.cjs","sources":["../../../src/components/Anchor/isExternalLink.ts"],"sourcesContent":["import { isRelativeUrl } from './utils/urlUtils';\n\n// Default empty array for backward compatibility\nexport const DEFAULT_ALLOWED_HOSTNAMES: string[] = [];\n\n/**\n * Check if a URL/path string is an external link\n *\n * External links are any that would take the user away from their current domain,\n * with relative paths considered internal, but any other domain (including\n * other veeqo.com subdomains like help.veeqo.com) considered external.\n *\n * @param {string} urlOrPath - URL or path to check\n * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal\n * @returns {boolean} Whether the URL is external\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = DEFAULT_ALLOWED_HOSTNAMES,\n): boolean {\n  if (isRelativeUrl(urlOrPath)) return false;\n\n  // For protocol-relative URLs, prepend 'http:' to properly parse\n  const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);\n\n  const requestHostname = hostname.toLowerCase();\n  const currentHostname = window.location?.hostname?.toLowerCase?.() || '';\n\n  // Check if hostname is in the allowed list\n  if (\n    allowedHostnames.length > 0 &&\n    allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)\n  ) {\n    return false;\n  }\n\n  // Only treat as internal if it's the exact same hostname as current\n  return requestHostname !== currentHostname;\n}\n"],"names":["isRelativeUrl"],"mappings":";;;;AAEA;AACO,MAAM,yBAAyB,GAAa;AAEnD;;;;;;;;;;AAUG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,yBAAyB,EAAA;;IAEtD,IAAIA,sBAAa,CAAC,SAAS,CAAC;AAAE,QAAA,OAAO,KAAK;;IAG1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AAE1F,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;AAC9C,IAAA,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,WAAW,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAI,EAAE;;AAGxE,IAAA,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;AAC3B,QAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,EAC7E;AACA,QAAA,OAAO,KAAK;AACb;;IAGD,OAAO,eAAe,KAAK,eAAe;AAC5C;;;;;"}
+{"version":3,"file":"isExternalLink.cjs","sources":["../../../src/components/Anchor/isExternalLink.ts"],"sourcesContent":["import { isRelativeUrl } from './utils/urlUtils';\n\n// Default empty array for backward compatibility\nexport const DEFAULT_ALLOWED_HOSTNAMES: string[] = [];\n\n/**\n * Check if a URL/path string is an external link\n *\n * External links are any that would take the user away from their current domain,\n * with relative paths considered internal, but any other domain (including\n * other veeqo.com subdomains like help.veeqo.com) considered external.\n *\n * @param {string} urlOrPath - URL or path to check\n * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal\n * @returns {boolean} Whether the URL is external\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = DEFAULT_ALLOWED_HOSTNAMES,\n): boolean {\n  if (isRelativeUrl(urlOrPath)) return false;\n\n  // For protocol-relative URLs, prepend 'http:' to properly parse\n  const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);\n\n  const requestHostname = hostname.toLowerCase();\n  const currentHostname = window.location?.hostname?.toLowerCase?.() || '';\n\n  // Check if hostname is in the allowed list\n  if (\n    allowedHostnames.length > 0 &&\n    allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)\n  ) {\n    return false;\n  }\n\n  // Only treat as internal if it's the exact same hostname as current\n  return requestHostname !== currentHostname;\n}\n"],"names":["isRelativeUrl"],"mappings":";;;;AAEA;AACO,MAAM,yBAAyB,GAAa;AAEnD;;;;;;;;;;AAUG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,yBAAyB,EAAA;;IAEtD,IAAIA,sBAAa,CAAC,SAAS,CAAC;AAAE,QAAA,OAAO,KAAK;;IAG1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AAE1F,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;AAC9C,IAAA,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAI,KAAI,EAAE;;AAGxE,IAAA,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;AAC3B,QAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,EAC7E;AACA,QAAA,OAAO,KAAK;AACb,IAAA;;IAGD,OAAO,eAAe,KAAK,eAAe;AAC5C;;;;;"}

package/dist/components/Anchor/isExternalLink.js

@@ -20,7 +20,7 @@ function isExternalLink(urlOrPath, allowedHostnames = DEFAULT_ALLOWED_HOSTNAMES)
     // For protocol-relative URLs, prepend 'http:' to properly parse
     const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);
     const requestHostname = hostname.toLowerCase();
-    const currentHostname = ((_c = (_b = (_a = window.location) === null || _a === undefined ? undefined : _a.hostname) === null || _b === undefined ? undefined : _b.toLowerCase) === null || _c === undefined ? undefined : _c.call(_b)) || '';
+    const currentHostname = ((_c = (_b = (_a = window.location) === null || _a === void 0 ? void 0 : _a.hostname) === null || _b === void 0 ? void 0 : _b.toLowerCase) === null || _c === void 0 ? void 0 : _c.call(_b)) || '';
     // Check if hostname is in the allowed list
     if (allowedHostnames.length > 0 &&
         allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)) {

package/dist/components/Anchor/isExternalLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"isExternalLink.js","sources":["../../../src/components/Anchor/isExternalLink.ts"],"sourcesContent":["import { isRelativeUrl } from './utils/urlUtils';\n\n// Default empty array for backward compatibility\nexport const DEFAULT_ALLOWED_HOSTNAMES: string[] = [];\n\n/**\n * Check if a URL/path string is an external link\n *\n * External links are any that would take the user away from their current domain,\n * with relative paths considered internal, but any other domain (including\n * other veeqo.com subdomains like help.veeqo.com) considered external.\n *\n * @param {string} urlOrPath - URL or path to check\n * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal\n * @returns {boolean} Whether the URL is external\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = DEFAULT_ALLOWED_HOSTNAMES,\n): boolean {\n  if (isRelativeUrl(urlOrPath)) return false;\n\n  // For protocol-relative URLs, prepend 'http:' to properly parse\n  const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);\n\n  const requestHostname = hostname.toLowerCase();\n  const currentHostname = window.location?.hostname?.toLowerCase?.() || '';\n\n  // Check if hostname is in the allowed list\n  if (\n    allowedHostnames.length > 0 &&\n    allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)\n  ) {\n    return false;\n  }\n\n  // Only treat as internal if it's the exact same hostname as current\n  return requestHostname !== currentHostname;\n}\n"],"names":[],"mappings":";;AAEA;AACO,MAAM,yBAAyB,GAAa;AAEnD;;;;;;;;;;AAUG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,yBAAyB,EAAA;;IAEtD,IAAI,aAAa,CAAC,SAAS,CAAC;AAAE,QAAA,OAAO,KAAK;;IAG1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AAE1F,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;AAC9C,IAAA,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,WAAW,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAI,EAAE;;AAGxE,IAAA,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;AAC3B,QAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,EAC7E;AACA,QAAA,OAAO,KAAK;AACb;;IAGD,OAAO,eAAe,KAAK,eAAe;AAC5C;;;;"}
+{"version":3,"file":"isExternalLink.js","sources":["../../../src/components/Anchor/isExternalLink.ts"],"sourcesContent":["import { isRelativeUrl } from './utils/urlUtils';\n\n// Default empty array for backward compatibility\nexport const DEFAULT_ALLOWED_HOSTNAMES: string[] = [];\n\n/**\n * Check if a URL/path string is an external link\n *\n * External links are any that would take the user away from their current domain,\n * with relative paths considered internal, but any other domain (including\n * other veeqo.com subdomains like help.veeqo.com) considered external.\n *\n * @param {string} urlOrPath - URL or path to check\n * @param {string[]} allowedHostnames - Optional list of allowed hostnames to consider as internal\n * @returns {boolean} Whether the URL is external\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = DEFAULT_ALLOWED_HOSTNAMES,\n): boolean {\n  if (isRelativeUrl(urlOrPath)) return false;\n\n  // For protocol-relative URLs, prepend 'http:' to properly parse\n  const { hostname } = new URL(urlOrPath.startsWith('//') ? `http:${urlOrPath}` : urlOrPath);\n\n  const requestHostname = hostname.toLowerCase();\n  const currentHostname = window.location?.hostname?.toLowerCase?.() || '';\n\n  // Check if hostname is in the allowed list\n  if (\n    allowedHostnames.length > 0 &&\n    allowedHostnames.some((allowed) => allowed.toLowerCase() === requestHostname)\n  ) {\n    return false;\n  }\n\n  // Only treat as internal if it's the exact same hostname as current\n  return requestHostname !== currentHostname;\n}\n"],"names":[],"mappings":";;AAEA;AACO,MAAM,yBAAyB,GAAa;AAEnD;;;;;;;;;;AAUG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,yBAAyB,EAAA;;IAEtD,IAAI,aAAa,CAAC,SAAS,CAAC;AAAE,QAAA,OAAO,KAAK;;IAG1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AAE1F,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;AAC9C,IAAA,MAAM,eAAe,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAI,KAAI,EAAE;;AAGxE,IAAA,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;AAC3B,QAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,EAC7E;AACA,QAAA,OAAO,KAAK;AACb,IAAA;;IAGD,OAAO,eAAe,KAAK,eAAe;AAC5C;;;;"}

package/dist/components/Anchor/utils/urlUtils.cjs

@@ -33,7 +33,7 @@ const isMailtoUrl = (url) => url.startsWith('mailto:');
  * @param {string} url - The URL to add a prefix to
  * @returns {string} The URL with prefix added if needed
  */
-const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext) === null || _a === undefined ? undefined : _a.baseUrl) || ''}${url.startsWith('/') ? '' : '/'}${url}`; };
+const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext) === null || _a === void 0 ? void 0 : _a.baseUrl) || ''}${url.startsWith('/') ? '' : '/'}${url}`; };
 /**
  * Processes a URL by adding the appropriate prefix if needed
  * @param {string} url - The URL to process

package/dist/components/Anchor/utils/urlUtils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Checks if a URL is a mailto link (starts with mailto)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isMailtoUrl = (url: string): boolean => url.startsWith('mailto:');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,SAAS;AAE7E;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAEjG,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;;"}
+{"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Checks if a URL is a mailto link (starts with mailto)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isMailtoUrl = (url: string): boolean => url.startsWith('mailto:');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACI,MAAM,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,SAAS;AAE7E;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAA,EAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAE,CAAA;AAEhF;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAEjG,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;;"}

package/dist/components/Anchor/utils/urlUtils.js

@@ -31,7 +31,7 @@ const isMailtoUrl = (url) => url.startsWith('mailto:');
  * @param {string} url - The URL to add a prefix to
  * @returns {string} The URL with prefix added if needed
  */
-const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext) === null || _a === undefined ? undefined : _a.baseUrl) || ''}${url.startsWith('/') ? '' : '/'}${url}`; };
+const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext) === null || _a === void 0 ? void 0 : _a.baseUrl) || ''}${url.startsWith('/') ? '' : '/'}${url}`; };
 /**
  * Processes a URL by adding the appropriate prefix if needed
  * @param {string} url - The URL to process

package/dist/components/Anchor/utils/urlUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"urlUtils.js","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Checks if a URL is a mailto link (starts with mailto)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isMailtoUrl = (url: string): boolean => url.startsWith('mailto:');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,SAAS;AAE7E;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAEjG,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;"}
+{"version":3,"file":"urlUtils.js","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Checks if a URL is a mailto link (starts with mailto)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isMailtoUrl = (url: string): boolean => url.startsWith('mailto:');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACI,MAAM,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,SAAS;AAE7E;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAA,EAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAE,CAAA;AAEhF;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAEjG,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;"}

package/dist/components/AnimatedDropdown/AnimatedDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"mappings":";;;;;;;;;;;AAQA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAEhD,IAAAC,yBAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBD,sBAAC,CAAA,aAAA,CAAAE,WAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAF,sBAAA,CAAA,aAAA,CAACG,kCAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbH,sBAAC,CAAA,aAAA,CAAAI,eAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}
+{"version":3,"file":"AnimatedDropdown.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"mappings":";;;;;;;;;;;AAQA;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAK,EAAE,CAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAEhD,IAAAC,yBAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB,QAAA;AACH,IAAA,CAAC,CAAC;IAEF,QACEC,sBAAA,CAAA,aAAA,CAACC,gBAAS,EAAA,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBD,sBAAA,CAAA,aAAA,CAACE,WAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAA,CAAE,EAAA;AAC/C,YAAAF,sBAAA,CAAA,aAAA,CAACG,kCAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbH,sBAAA,CAAA,aAAA,CAACI,eAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,gBAAA,EAAmB,SAAS,EAAE,EAAA,EAEpD,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}

package/dist/components/AnimatedDropdown/AnimatedDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAQA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbA,cAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}
+{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAQA;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAK,EAAE,CAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB,QAAA;AACH,IAAA,CAAC,CAAC;IAEF,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBA,cAAA,CAAA,aAAA,CAAC,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAA,CAAE,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbA,cAAA,CAAA,aAAA,CAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,gBAAA,EAAmB,SAAS,EAAE,EAAA,EAEpD,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}