@televet/kibble-ui 5.0.26-sc.2 → 5.0.26-sc.3

package/dist/chunks/{popover.component-C9PY02k_.js.map → popover.component-DIYT1Lc0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-C9PY02k_.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Heading, HeadingSize } from 'components/Heading';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverHeaderProps extends FlexProps {\n  /** Content to be rendered in the header. */\n  children?: ReactNode;\n  /** If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: () => void;\n  /** If true, the header will render in a contrasting color.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Size of the header.\n   * @default sm\n   */\n  size?: HeadingSize;\n  /** Data test id for the header.\n   * @default kibble-popover-header\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = 'sm',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-header',\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex className=\"Popover__HeaderWrapper\" data-testid={`${dataTestId}-wrapper`} css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid={`${dataTestId}-header`}\n          size={size}\n          color={color || 'inherit'}\n          w=\"100%\"\n        >\n          {children}\n        </Heading>\n      ) : (\n        children\n      )}\n      {!hideCloseButton && trigger === 'click' && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid={`${dataTestId}-close-button`}\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Spacer } from '@chakra-ui/react/spacer';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverFooterProps extends FlexProps {\n  /** Content to be rendered in the footer. */\n  children?: ReactNode;\n  /** If true, the footer will be disabled. */\n  disabled?: boolean;\n  /** If true, the buttons will not be displayed.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /** If true, the cancel button will not be displayed.\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /** If true, the submit button will be displayed as a destructive button.\n   * @default false\n   */\n  destructive?: boolean;\n  /** If true, the submit button will be displayed with a loading state. */\n  loading?: boolean;\n  /** Callback function to be called when the cancel button is clicked. */\n  onCancel?: () => void;\n  /** If true, the buttons will render with a contrasting variant.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Text to display in the submit button. */\n  submitText?: string;\n  /** Data test id for the footer.\n   * @default kibble-popover-footer\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = 'Submit',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-footer',\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex className=\"Popover__Footer\" data-testid={dataTestId} css={styles.footer} {...rest}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" onContrast={onContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React, { useRef } from 'react';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { HoverCard } from '@chakra-ui/react/hover-card';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Placement } from 'shared/types/placement';\nimport { Text } from 'components/Text/text.component';\nimport { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';\nimport { Box } from '@chakra-ui/react/box';\nimport { ConditionalValue, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\nimport { useDeviceType } from 'hooks/useDeviceType';\n\nexport interface KPopoverProps {\n  /** The element that triggers the popover. */\n  anchor: React.ReactNode;\n  /** Props to customize the content of the popover. */\n  contentProps?: CPopover.ContentProps;\n  /**\n   * If true, the popover will be disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Props to configure the footer of the popover. */\n  footerProps?: PopoverFooterProps;\n  /** Props to configure the header of the popover. */\n  headerProps?: PopoverHeaderProps;\n  /** Configuration for the positioner of the popover. */\n  positionerProps?: CPopover.PositionerProps;\n  /**\n   * If true, the popover will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Sets the placement of the popover in relation to the designated element. If the chosen placement puts the tooltip out-of-bounds of the viewport, the placement will automatically adjust. You should, however, choose a placement that works best with orientation of the element.\n   * @default bottom\n   */\n  placement?: Placement;\n  /** Whether to show the arrow of the popover. */\n  showArrow?: boolean;\n  /**\n   * The size of the popover.\n   * @default md\n   */\n  size?: ConditionalValue<PopoverSize>;\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: PopoverTriggerType;\n  /**\n   * The color variant of the popover.\n   * @default contrast\n   */\n  variant?: PopoverVariant;\n  /** Data test id for the popover.\n   * @default kibble-popover\n   */\n  'data-testid'?: string;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'click';\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'hover';\n}\n\nexport type PopoverProps = KPopoverProps & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  disabled = false,\n  portalled = true,\n  placement = 'bottom',\n  positioning,\n  showArrow = true,\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  positionerProps,\n  ['data-testid']: dataTestId = 'kibble-popover',\n  ...rest\n}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const deviceType = useDeviceType();\n  // Forces click trigger on mobile devices for better UX\n  const effectiveTrigger = deviceType === 'mobile' ? 'click' : trigger;\n  const Element = effectiveTrigger === 'hover' ? HoverCard : CPopover;\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe({ variant, size });\n\n  if (disabled) return anchor;\n\n  const onContrast = variant === 'contrast' || variant === 'contrastDestructive';\n\n  return (\n    <Element.Root\n      closeOnEscape={true}\n      closeOnInteractOutside={true}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger\n        asChild\n        className=\"Popover__Trigger\"\n        data-testid={`${dataTestId}-trigger`}\n        cursor={effectiveTrigger === 'click' ? 'pointer' : 'default'}\n      >\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid={dataTestId} {...positionerProps}>\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid={`${dataTestId}-content`}\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              {showArrow && (\n                <Element.Arrow className=\"Popover__Arrow\" data-testid={`${dataTestId}-arrow`} css={styles.arrow}>\n                  <Element.ArrowTip css={styles.arrowTip} />\n                </Element.Arrow>\n              )}\n              {headerProps && <PopoverHeader trigger={effectiveTrigger} onContrast={onContrast} {...headerProps} />}\n              <Box\n                className=\"Popover__Body\"\n                data-testid={`${dataTestId}-body`}\n                css={styles.body}\n                {...(!!headerProps && { pt: 0 })}\n              >\n                {typeof children === 'string' ? (\n                  <Text variant={onContrast ? 'onContrast' : 'default'} size=\"sm\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={effectiveTrigger}\n                  destructive={variant === 'contrastDestructive' || variant === 'defaultDestructive'}\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </PortalContext.Provider>\n        </Element.Positioner>\n      </Portal>\n    </Element.Root>\n  );\n};\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","dataTestId","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","showArrow","variant","positionerProps","contentRef","useRef","contextValue","effectiveTrigger","useDeviceType","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"popover.component-DIYT1Lc0.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Heading, HeadingSize } from 'components/Heading';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverHeaderProps extends FlexProps {\n  /** Content to be rendered in the header. */\n  children?: ReactNode;\n  /** If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: () => void;\n  /** If true, the header will render in a contrasting color.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Size of the header.\n   * @default sm\n   */\n  size?: HeadingSize;\n  /** Data test id for the header.\n   * @default kibble-popover-header\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = 'sm',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-header',\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex className=\"Popover__HeaderWrapper\" data-testid={`${dataTestId}-wrapper`} css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid={`${dataTestId}-header`}\n          size={size}\n          color={color || 'inherit'}\n          w=\"100%\"\n        >\n          {children}\n        </Heading>\n      ) : (\n        children\n      )}\n      {!hideCloseButton && trigger === 'click' && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid={`${dataTestId}-close-button`}\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Spacer } from '@chakra-ui/react/spacer';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverFooterProps extends FlexProps {\n  /** Content to be rendered in the footer. */\n  children?: ReactNode;\n  /** If true, the footer will be disabled. */\n  disabled?: boolean;\n  /** If true, the buttons will not be displayed.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /** If true, the cancel button will not be displayed.\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /** If true, the submit button will be displayed as a destructive button.\n   * @default false\n   */\n  destructive?: boolean;\n  /** If true, the submit button will be displayed with a loading state. */\n  loading?: boolean;\n  /** Callback function to be called when the cancel button is clicked. */\n  onCancel?: () => void;\n  /** If true, the buttons will render with a contrasting variant.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Text to display in the submit button. */\n  submitText?: string;\n  /** Data test id for the footer.\n   * @default kibble-popover-footer\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = 'Submit',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-footer',\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex className=\"Popover__Footer\" data-testid={dataTestId} css={styles.footer} {...rest}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" onContrast={onContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React, { useRef } from 'react';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { HoverCard } from '@chakra-ui/react/hover-card';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Placement } from 'shared/types/placement';\nimport { Text } from 'components/Text/text.component';\nimport { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';\nimport { Box } from '@chakra-ui/react/box';\nimport { ConditionalValue, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\nimport { useDeviceType } from 'hooks/useDeviceType';\n\nexport interface KPopoverProps {\n  /** The element that triggers the popover. */\n  anchor: React.ReactNode;\n  /** Props to customize the content of the popover. */\n  contentProps?: CPopover.ContentProps;\n  /**\n   * If true, the popover will be disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Props to configure the footer of the popover. */\n  footerProps?: PopoverFooterProps;\n  /** Props to configure the header of the popover. */\n  headerProps?: PopoverHeaderProps;\n  /** Configuration for the positioner of the popover. */\n  positionerProps?: CPopover.PositionerProps;\n  /**\n   * If true, the popover will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Sets the placement of the popover in relation to the designated element. If the chosen placement puts the tooltip out-of-bounds of the viewport, the placement will automatically adjust. You should, however, choose a placement that works best with orientation of the element.\n   * @default bottom\n   */\n  placement?: Placement;\n  /** Whether to show the arrow of the popover. */\n  showArrow?: boolean;\n  /**\n   * The size of the popover.\n   * @default md\n   */\n  size?: ConditionalValue<PopoverSize>;\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: PopoverTriggerType;\n  /**\n   * The color variant of the popover.\n   * @default contrast\n   */\n  variant?: PopoverVariant;\n  /** Data test id for the popover.\n   * @default kibble-popover\n   */\n  'data-testid'?: string;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'click';\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'hover';\n}\n\nexport type PopoverProps = KPopoverProps & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  disabled = false,\n  portalled = true,\n  placement = 'bottom',\n  positioning,\n  showArrow = true,\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  positionerProps,\n  ['data-testid']: dataTestId = 'kibble-popover',\n  ...rest\n}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const deviceType = useDeviceType();\n  // Forces click trigger on mobile devices for better UX\n  const effectiveTrigger = deviceType === 'mobile' ? 'click' : trigger;\n  const Element = effectiveTrigger === 'hover' ? HoverCard : CPopover;\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe({ variant, size });\n\n  if (disabled) return anchor;\n\n  const onContrast = variant === 'contrast' || variant === 'contrastDestructive';\n\n  return (\n    <Element.Root\n      closeOnEscape={true}\n      closeOnInteractOutside={true}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger\n        asChild\n        className=\"Popover__Trigger\"\n        data-testid={`${dataTestId}-trigger`}\n        cursor={effectiveTrigger === 'click' ? 'pointer' : 'default'}\n      >\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid={dataTestId} {...positionerProps}>\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid={`${dataTestId}-content`}\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              {showArrow && (\n                <Element.Arrow className=\"Popover__Arrow\" data-testid={`${dataTestId}-arrow`} css={styles.arrow}>\n                  <Element.ArrowTip css={styles.arrowTip} />\n                </Element.Arrow>\n              )}\n              {headerProps && <PopoverHeader trigger={effectiveTrigger} onContrast={onContrast} {...headerProps} />}\n              <Box\n                className=\"Popover__Body\"\n                data-testid={`${dataTestId}-body`}\n                css={styles.body}\n                {...(!!headerProps && { pt: 0 })}\n              >\n                {typeof children === 'string' ? (\n                  <Text variant={onContrast ? 'onContrast' : 'default'} size=\"sm\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={effectiveTrigger}\n                  destructive={variant === 'contrastDestructive' || variant === 'defaultDestructive'}\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </PortalContext.Provider>\n        </Element.Positioner>\n      </Portal>\n    </Element.Root>\n  );\n};\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","dataTestId","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","showArrow","variant","positionerProps","contentRef","useRef","contextValue","effectiveTrigger","useDeviceType","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{popover.component-CiRGriH0.js → popover.component-DTjA1GSd.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),o=require("./popover-C7aj8Iwj.js"),r=require("./tooltip.component-DBw-hAPU.js"),A=require("./text.component-BDDz5KQP.js"),k=require("./heading.component-DnoZOXdz.js"),y=require("./button.component-DjdgBXDC.js"),b=require("./popover.recipe-DhiHO7Ev.js"),E=require("./create-slot-recipe-context-HXE1VazG.js"),T=require("./popover-root-provider-CZDbUJ2K.js"),h=require("./flex-BOU6tYUd.js"),N=require("./factory-a2SJjEvR.js"),O=require("./index-BQRnVsAg.js"),B=require("./usePortalContentRef-CTrvBQ7I.js"),D=require("../cjs/hooks/useDeviceType/index.cjs"),$=require("./index-Ts8g8jZd.js"),F=Object.freeze(Object.defineProperty({__proto__:null,Arrow:r.HoverCardArrow,ArrowTip:r.HoverCardArrowTip,Content:r.HoverCardContent,Context:r.HoverCardContext,Positioner:r.HoverCardPositioner,PropsProvider:r.HoverCardPropsProvider,Root:r.HoverCardRoot,RootProvider:r.HoverCardRootProvider,Trigger:r.HoverCardTrigger},Symbol.toStringTag,{value:"Module"})),z=Object.freeze(Object.defineProperty({__proto__:null,Anchor:o.PopoverAnchor,Arrow:o.PopoverArrow,ArrowTip:o.PopoverArrowTip,Body:o.PopoverBody,CloseTrigger:o.PopoverCloseTrigger,Content:o.PopoverContent,Context:o.PopoverContext,Description:o.PopoverDescription,Footer:o.PopoverFooter,Header:o.PopoverHeader,Positioner:o.PopoverPositioner,PropsProvider:o.PopoverPropsProvider,Root:o.PopoverRoot,RootProvider:o.PopoverRootProvider,Title:o.PopoverTitle,Trigger:o.PopoverTrigger,usePopoverStyles:o.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),w=N.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});w.displayName="Spacer";const W=({children:t,color:n,hideCloseButton:v=!1,onContrast:l=!0,onClose:s,size:d="sm",trigger:c,["data-testid"]:i="kibble-popover-header",...u})=>{const P=E.useSlotRecipe({recipe:b.popoverRecipe})(),{setOpen:m}=c==="hover"?r.useHoverCardContext():T.usePopoverContext();return e.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__HeaderWrapper","data-testid":`${i}-wrapper`,css:P.header,...u,children:[typeof t=="string"?e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":`${i}-header`,size:d,color:n||"inherit",w:"100%",children:t}):t,!v&&c==="click"&&e.jsxRuntimeExports.jsx(y.Button,{className:"Popover__CloseButton","data-testid":`${i}-close-button`,variant:"ghostNeutral",onContrast:l,onClick:s||(()=>m(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},M=({children:t,disabled:n,hideButtons:v=!1,hideCancelButton:l=!1,destructive:s,loading:d,onCancel:c,onContrast:i=!0,onSubmit:u,submitText:j="Submit",trigger:P,["data-testid"]:m="kibble-popover-footer",...p})=>{const a=E.useSlotRecipe({recipe:b.popoverRecipe})(),{setOpen:_}=P==="hover"?r.useHoverCardContext():T.usePopoverContext(),R=()=>{c&&c(),_(!1)};return e.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__Footer","data-testid":m,css:a.footer,...p,children:[t,!v&&e.jsxRuntimeExports.jsxs(h.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(y.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:R,children:"Cancel"}),e.jsxRuntimeExports.jsx(w,{}),e.jsxRuntimeExports.jsx(y.Button,{onClick:u,loading:d,disabled:n,size:"sm",onContrast:i,variant:s?"primaryDestructive":"primary",children:j})]})]})},V=({anchor:t,children:n,contentProps:v,footerProps:l,headerProps:s,disabled:d=!1,portalled:c=!0,placement:i="bottom",positioning:u,showArrow:j=!0,size:P="sm",trigger:m="click",variant:p="contrast",positionerProps:H,["data-testid"]:a="kibble-popover",..._})=>{const R=S.useRef(null),q={contentRef:R},C=D.useDeviceType()==="mobile"?"click":m,x=C==="hover"?F:z,g=E.useSlotRecipe({recipe:b.popoverRecipe})({variant:p,size:P});if(d)return t;const f=p==="contrast"||p==="contrastDestructive";return e.jsxRuntimeExports.jsxs(x.Root,{closeOnEscape:!0,closeOnInteractOutside:!0,positioning:{...u,placement:u?.placement||i},..._,children:[e.jsxRuntimeExports.jsx(x.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":`${a}-trigger`,cursor:C==="click"?"pointer":"default",children:t}),e.jsxRuntimeExports.jsx($.Portal,{disabled:!c,children:e.jsxRuntimeExports.jsx(x.Positioner,{className:"Popover","data-testid":a,...H,children:e.jsxRuntimeExports.jsx(B.PortalContext.Provider,{value:q,children:e.jsxRuntimeExports.jsxs(x.Content,{className:"Popover__Content","data-testid":`${a}-content`,ref:R,...v,css:g.content,children:[j&&e.jsxRuntimeExports.jsx(x.Arrow,{className:"Popover__Arrow","data-testid":`${a}-arrow`,css:g.arrow,children:e.jsxRuntimeExports.jsx(x.ArrowTip,{css:g.arrowTip})}),s&&e.jsxRuntimeExports.jsx(W,{trigger:C,onContrast:f,...s}),e.jsxRuntimeExports.jsx(O.Box,{className:"Popover__Body","data-testid":`${a}-body`,css:g.body,...!!s&&{pt:0},children:typeof n=="string"?e.jsxRuntimeExports.jsx(A.WrappedText,{variant:f?"onContrast":"default",size:"sm",children:n}):n}),l&&e.jsxRuntimeExports.jsx(M,{trigger:C,destructive:p==="contrastDestructive"||p==="defaultDestructive",onContrast:f,...l})]})})})})]})};exports.Popover=V;
-//# sourceMappingURL=popover.component-CiRGriH0.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),o=require("./popover-C7aj8Iwj.js"),r=require("./tooltip.component-DBw-hAPU.js"),A=require("./text.component-BDDz5KQP.js"),k=require("./heading.component-DnoZOXdz.js"),y=require("./button.component-DjdgBXDC.js"),b=require("./popover.recipe-CtptsJg6.js"),E=require("./create-slot-recipe-context-HXE1VazG.js"),T=require("./popover-root-provider-CZDbUJ2K.js"),h=require("./flex-BOU6tYUd.js"),N=require("./factory-a2SJjEvR.js"),O=require("./index-BQRnVsAg.js"),B=require("./usePortalContentRef-CTrvBQ7I.js"),D=require("../cjs/hooks/useDeviceType/index.cjs"),$=require("./index-Ts8g8jZd.js"),F=Object.freeze(Object.defineProperty({__proto__:null,Arrow:r.HoverCardArrow,ArrowTip:r.HoverCardArrowTip,Content:r.HoverCardContent,Context:r.HoverCardContext,Positioner:r.HoverCardPositioner,PropsProvider:r.HoverCardPropsProvider,Root:r.HoverCardRoot,RootProvider:r.HoverCardRootProvider,Trigger:r.HoverCardTrigger},Symbol.toStringTag,{value:"Module"})),z=Object.freeze(Object.defineProperty({__proto__:null,Anchor:o.PopoverAnchor,Arrow:o.PopoverArrow,ArrowTip:o.PopoverArrowTip,Body:o.PopoverBody,CloseTrigger:o.PopoverCloseTrigger,Content:o.PopoverContent,Context:o.PopoverContext,Description:o.PopoverDescription,Footer:o.PopoverFooter,Header:o.PopoverHeader,Positioner:o.PopoverPositioner,PropsProvider:o.PopoverPropsProvider,Root:o.PopoverRoot,RootProvider:o.PopoverRootProvider,Title:o.PopoverTitle,Trigger:o.PopoverTrigger,usePopoverStyles:o.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),w=N.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});w.displayName="Spacer";const W=({children:t,color:n,hideCloseButton:v=!1,onContrast:l=!0,onClose:s,size:d="sm",trigger:c,["data-testid"]:i="kibble-popover-header",...u})=>{const P=E.useSlotRecipe({recipe:b.popoverRecipe})(),{setOpen:m}=c==="hover"?r.useHoverCardContext():T.usePopoverContext();return e.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__HeaderWrapper","data-testid":`${i}-wrapper`,css:P.header,...u,children:[typeof t=="string"?e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":`${i}-header`,size:d,color:n||"inherit",w:"100%",children:t}):t,!v&&c==="click"&&e.jsxRuntimeExports.jsx(y.Button,{className:"Popover__CloseButton","data-testid":`${i}-close-button`,variant:"ghostNeutral",onContrast:l,onClick:s||(()=>m(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},M=({children:t,disabled:n,hideButtons:v=!1,hideCancelButton:l=!1,destructive:s,loading:d,onCancel:c,onContrast:i=!0,onSubmit:u,submitText:j="Submit",trigger:P,["data-testid"]:m="kibble-popover-footer",...p})=>{const a=E.useSlotRecipe({recipe:b.popoverRecipe})(),{setOpen:_}=P==="hover"?r.useHoverCardContext():T.usePopoverContext(),R=()=>{c&&c(),_(!1)};return e.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__Footer","data-testid":m,css:a.footer,...p,children:[t,!v&&e.jsxRuntimeExports.jsxs(h.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(y.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:R,children:"Cancel"}),e.jsxRuntimeExports.jsx(w,{}),e.jsxRuntimeExports.jsx(y.Button,{onClick:u,loading:d,disabled:n,size:"sm",onContrast:i,variant:s?"primaryDestructive":"primary",children:j})]})]})},V=({anchor:t,children:n,contentProps:v,footerProps:l,headerProps:s,disabled:d=!1,portalled:c=!0,placement:i="bottom",positioning:u,showArrow:j=!0,size:P="sm",trigger:m="click",variant:p="contrast",positionerProps:H,["data-testid"]:a="kibble-popover",..._})=>{const R=S.useRef(null),q={contentRef:R},C=D.useDeviceType()==="mobile"?"click":m,x=C==="hover"?F:z,g=E.useSlotRecipe({recipe:b.popoverRecipe})({variant:p,size:P});if(d)return t;const f=p==="contrast"||p==="contrastDestructive";return e.jsxRuntimeExports.jsxs(x.Root,{closeOnEscape:!0,closeOnInteractOutside:!0,positioning:{...u,placement:u?.placement||i},..._,children:[e.jsxRuntimeExports.jsx(x.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":`${a}-trigger`,cursor:C==="click"?"pointer":"default",children:t}),e.jsxRuntimeExports.jsx($.Portal,{disabled:!c,children:e.jsxRuntimeExports.jsx(x.Positioner,{className:"Popover","data-testid":a,...H,children:e.jsxRuntimeExports.jsx(B.PortalContext.Provider,{value:q,children:e.jsxRuntimeExports.jsxs(x.Content,{className:"Popover__Content","data-testid":`${a}-content`,ref:R,...v,css:g.content,children:[j&&e.jsxRuntimeExports.jsx(x.Arrow,{className:"Popover__Arrow","data-testid":`${a}-arrow`,css:g.arrow,children:e.jsxRuntimeExports.jsx(x.ArrowTip,{css:g.arrowTip})}),s&&e.jsxRuntimeExports.jsx(W,{trigger:C,onContrast:f,...s}),e.jsxRuntimeExports.jsx(O.Box,{className:"Popover__Body","data-testid":`${a}-body`,css:g.body,...!!s&&{pt:0},children:typeof n=="string"?e.jsxRuntimeExports.jsx(A.WrappedText,{variant:f?"onContrast":"default",size:"sm",children:n}):n}),l&&e.jsxRuntimeExports.jsx(M,{trigger:C,destructive:p==="contrastDestructive"||p==="defaultDestructive",onContrast:f,...l})]})})})})]})};exports.Popover=V;
+//# sourceMappingURL=popover.component-DTjA1GSd.js.map

package/dist/chunks/{popover.component-CiRGriH0.js.map → popover.component-DTjA1GSd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-CiRGriH0.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Heading, HeadingSize } from 'components/Heading';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverHeaderProps extends FlexProps {\n  /** Content to be rendered in the header. */\n  children?: ReactNode;\n  /** If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: () => void;\n  /** If true, the header will render in a contrasting color.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Size of the header.\n   * @default sm\n   */\n  size?: HeadingSize;\n  /** Data test id for the header.\n   * @default kibble-popover-header\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = 'sm',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-header',\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex className=\"Popover__HeaderWrapper\" data-testid={`${dataTestId}-wrapper`} css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid={`${dataTestId}-header`}\n          size={size}\n          color={color || 'inherit'}\n          w=\"100%\"\n        >\n          {children}\n        </Heading>\n      ) : (\n        children\n      )}\n      {!hideCloseButton && trigger === 'click' && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid={`${dataTestId}-close-button`}\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Spacer } from '@chakra-ui/react/spacer';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverFooterProps extends FlexProps {\n  /** Content to be rendered in the footer. */\n  children?: ReactNode;\n  /** If true, the footer will be disabled. */\n  disabled?: boolean;\n  /** If true, the buttons will not be displayed.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /** If true, the cancel button will not be displayed.\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /** If true, the submit button will be displayed as a destructive button.\n   * @default false\n   */\n  destructive?: boolean;\n  /** If true, the submit button will be displayed with a loading state. */\n  loading?: boolean;\n  /** Callback function to be called when the cancel button is clicked. */\n  onCancel?: () => void;\n  /** If true, the buttons will render with a contrasting variant.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Text to display in the submit button. */\n  submitText?: string;\n  /** Data test id for the footer.\n   * @default kibble-popover-footer\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = 'Submit',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-footer',\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex className=\"Popover__Footer\" data-testid={dataTestId} css={styles.footer} {...rest}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" onContrast={onContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React, { useRef } from 'react';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { HoverCard } from '@chakra-ui/react/hover-card';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Placement } from 'shared/types/placement';\nimport { Text } from 'components/Text/text.component';\nimport { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';\nimport { Box } from '@chakra-ui/react/box';\nimport { ConditionalValue, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\nimport { useDeviceType } from 'hooks/useDeviceType';\n\nexport interface KPopoverProps {\n  /** The element that triggers the popover. */\n  anchor: React.ReactNode;\n  /** Props to customize the content of the popover. */\n  contentProps?: CPopover.ContentProps;\n  /**\n   * If true, the popover will be disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Props to configure the footer of the popover. */\n  footerProps?: PopoverFooterProps;\n  /** Props to configure the header of the popover. */\n  headerProps?: PopoverHeaderProps;\n  /** Configuration for the positioner of the popover. */\n  positionerProps?: CPopover.PositionerProps;\n  /**\n   * If true, the popover will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Sets the placement of the popover in relation to the designated element. If the chosen placement puts the tooltip out-of-bounds of the viewport, the placement will automatically adjust. You should, however, choose a placement that works best with orientation of the element.\n   * @default bottom\n   */\n  placement?: Placement;\n  /** Whether to show the arrow of the popover. */\n  showArrow?: boolean;\n  /**\n   * The size of the popover.\n   * @default md\n   */\n  size?: ConditionalValue<PopoverSize>;\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: PopoverTriggerType;\n  /**\n   * The color variant of the popover.\n   * @default contrast\n   */\n  variant?: PopoverVariant;\n  /** Data test id for the popover.\n   * @default kibble-popover\n   */\n  'data-testid'?: string;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'click';\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'hover';\n}\n\nexport type PopoverProps = KPopoverProps & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  disabled = false,\n  portalled = true,\n  placement = 'bottom',\n  positioning,\n  showArrow = true,\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  positionerProps,\n  ['data-testid']: dataTestId = 'kibble-popover',\n  ...rest\n}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const deviceType = useDeviceType();\n  // Forces click trigger on mobile devices for better UX\n  const effectiveTrigger = deviceType === 'mobile' ? 'click' : trigger;\n  const Element = effectiveTrigger === 'hover' ? HoverCard : CPopover;\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe({ variant, size });\n\n  if (disabled) return anchor;\n\n  const onContrast = variant === 'contrast' || variant === 'contrastDestructive';\n\n  return (\n    <Element.Root\n      closeOnEscape={true}\n      closeOnInteractOutside={true}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger\n        asChild\n        className=\"Popover__Trigger\"\n        data-testid={`${dataTestId}-trigger`}\n        cursor={effectiveTrigger === 'click' ? 'pointer' : 'default'}\n      >\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid={dataTestId} {...positionerProps}>\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid={`${dataTestId}-content`}\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              {showArrow && (\n                <Element.Arrow className=\"Popover__Arrow\" data-testid={`${dataTestId}-arrow`} css={styles.arrow}>\n                  <Element.ArrowTip css={styles.arrowTip} />\n                </Element.Arrow>\n              )}\n              {headerProps && <PopoverHeader trigger={effectiveTrigger} onContrast={onContrast} {...headerProps} />}\n              <Box\n                className=\"Popover__Body\"\n                data-testid={`${dataTestId}-body`}\n                css={styles.body}\n                {...(!!headerProps && { pt: 0 })}\n              >\n                {typeof children === 'string' ? (\n                  <Text variant={onContrast ? 'onContrast' : 'default'} size=\"sm\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={effectiveTrigger}\n                  destructive={variant === 'contrastDestructive' || variant === 'defaultDestructive'}\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </PortalContext.Provider>\n        </Element.Positioner>\n      </Portal>\n    </Element.Root>\n  );\n};\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","dataTestId","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","showArrow","variant","positionerProps","contentRef","useRef","contextValue","effectiveTrigger","useDeviceType","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"popover.component-DTjA1GSd.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Heading, HeadingSize } from 'components/Heading';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverHeaderProps extends FlexProps {\n  /** Content to be rendered in the header. */\n  children?: ReactNode;\n  /** If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: () => void;\n  /** If true, the header will render in a contrasting color.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Size of the header.\n   * @default sm\n   */\n  size?: HeadingSize;\n  /** Data test id for the header.\n   * @default kibble-popover-header\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = 'sm',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-header',\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex className=\"Popover__HeaderWrapper\" data-testid={`${dataTestId}-wrapper`} css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid={`${dataTestId}-header`}\n          size={size}\n          color={color || 'inherit'}\n          w=\"100%\"\n        >\n          {children}\n        </Heading>\n      ) : (\n        children\n      )}\n      {!hideCloseButton && trigger === 'click' && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid={`${dataTestId}-close-button`}\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { useHoverCardContext } from '@chakra-ui/react/hover-card';\nimport { Spacer } from '@chakra-ui/react/spacer';\nimport { Button } from 'components/Button/button.component';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { popoverRecipe } from '../../popover.recipe';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { PopoverTriggerType } from '../../popover.types';\n\nexport interface PopoverFooterProps extends FlexProps {\n  /** Content to be rendered in the footer. */\n  children?: ReactNode;\n  /** If true, the footer will be disabled. */\n  disabled?: boolean;\n  /** If true, the buttons will not be displayed.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /** If true, the cancel button will not be displayed.\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /** If true, the submit button will be displayed as a destructive button.\n   * @default false\n   */\n  destructive?: boolean;\n  /** If true, the submit button will be displayed with a loading state. */\n  loading?: boolean;\n  /** Callback function to be called when the cancel button is clicked. */\n  onCancel?: () => void;\n  /** If true, the buttons will render with a contrasting variant.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Text to display in the submit button. */\n  submitText?: string;\n  /** Data test id for the footer.\n   * @default kibble-popover-footer\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = 'Submit',\n  trigger,\n  ['data-testid']: dataTestId = 'kibble-popover-footer',\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === 'hover' ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex className=\"Popover__Footer\" data-testid={dataTestId} css={styles.footer} {...rest}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" onContrast={onContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React, { useRef } from 'react';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { HoverCard } from '@chakra-ui/react/hover-card';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Placement } from 'shared/types/placement';\nimport { Text } from 'components/Text/text.component';\nimport { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';\nimport { Box } from '@chakra-ui/react/box';\nimport { ConditionalValue, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\nimport { useDeviceType } from 'hooks/useDeviceType';\n\nexport interface KPopoverProps {\n  /** The element that triggers the popover. */\n  anchor: React.ReactNode;\n  /** Props to customize the content of the popover. */\n  contentProps?: CPopover.ContentProps;\n  /**\n   * If true, the popover will be disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Props to configure the footer of the popover. */\n  footerProps?: PopoverFooterProps;\n  /** Props to configure the header of the popover. */\n  headerProps?: PopoverHeaderProps;\n  /** Configuration for the positioner of the popover. */\n  positionerProps?: CPopover.PositionerProps;\n  /**\n   * If true, the popover will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Sets the placement of the popover in relation to the designated element. If the chosen placement puts the tooltip out-of-bounds of the viewport, the placement will automatically adjust. You should, however, choose a placement that works best with orientation of the element.\n   * @default bottom\n   */\n  placement?: Placement;\n  /** Whether to show the arrow of the popover. */\n  showArrow?: boolean;\n  /**\n   * The size of the popover.\n   * @default md\n   */\n  size?: ConditionalValue<PopoverSize>;\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: PopoverTriggerType;\n  /**\n   * The color variant of the popover.\n   * @default contrast\n   */\n  variant?: PopoverVariant;\n  /** Data test id for the popover.\n   * @default kibble-popover\n   */\n  'data-testid'?: string;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'click';\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'hover';\n}\n\nexport type PopoverProps = KPopoverProps & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  disabled = false,\n  portalled = true,\n  placement = 'bottom',\n  positioning,\n  showArrow = true,\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  positionerProps,\n  ['data-testid']: dataTestId = 'kibble-popover',\n  ...rest\n}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const deviceType = useDeviceType();\n  // Forces click trigger on mobile devices for better UX\n  const effectiveTrigger = deviceType === 'mobile' ? 'click' : trigger;\n  const Element = effectiveTrigger === 'hover' ? HoverCard : CPopover;\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe({ variant, size });\n\n  if (disabled) return anchor;\n\n  const onContrast = variant === 'contrast' || variant === 'contrastDestructive';\n\n  return (\n    <Element.Root\n      closeOnEscape={true}\n      closeOnInteractOutside={true}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger\n        asChild\n        className=\"Popover__Trigger\"\n        data-testid={`${dataTestId}-trigger`}\n        cursor={effectiveTrigger === 'click' ? 'pointer' : 'default'}\n      >\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid={dataTestId} {...positionerProps}>\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid={`${dataTestId}-content`}\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              {showArrow && (\n                <Element.Arrow className=\"Popover__Arrow\" data-testid={`${dataTestId}-arrow`} css={styles.arrow}>\n                  <Element.ArrowTip css={styles.arrowTip} />\n                </Element.Arrow>\n              )}\n              {headerProps && <PopoverHeader trigger={effectiveTrigger} onContrast={onContrast} {...headerProps} />}\n              <Box\n                className=\"Popover__Body\"\n                data-testid={`${dataTestId}-body`}\n                css={styles.body}\n                {...(!!headerProps && { pt: 0 })}\n              >\n                {typeof children === 'string' ? (\n                  <Text variant={onContrast ? 'onContrast' : 'default'} size=\"sm\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={effectiveTrigger}\n                  destructive={variant === 'contrastDestructive' || variant === 'defaultDestructive'}\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </PortalContext.Provider>\n        </Element.Positioner>\n      </Portal>\n    </Element.Root>\n  );\n};\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","dataTestId","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","showArrow","variant","positionerProps","contentRef","useRef","contextValue","effectiveTrigger","useDeviceType","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{popover.recipe-DhiHO7Ev.js → popover.recipe-CtptsJg6.js}

@@ -1,2 +1,2 @@
-"use strict";const o=require("./anatomy-BsrdhlLN.js"),r=require("./config-jChwZPSv.js"),e=o.popoverAnatomy.keys(),t={xs:{content:{"--popover-size":"180px"}},sm:{content:{"--popover-size":"200px"}},md:{content:{"--popover-size":"260px"}},lg:{content:{"--popover-size":"320px"}},xl:{content:{"--popover-size":"480px"}},"2xl":{content:{"--popover-size":"540px"}}},a={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}}},n=r.defineSlotRecipe({slots:e,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{overflowY:"auto",p:3},content:{borderRadius:"base",border:"1px",p:0},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,p:3,w:"100%"},trigger:{width:"max-content"}},variants:{size:t,variant:a},defaultVariants:{size:"sm",variant:"default"}});exports.popoverRecipe=n;
-//# sourceMappingURL=popover.recipe-DhiHO7Ev.js.map
+"use strict";const o=require("./anatomy-B0LtI6sf.js"),r=require("./config-jChwZPSv.js"),e=o.popoverAnatomy.keys(),t={xs:{content:{"--popover-size":"180px"}},sm:{content:{"--popover-size":"200px"}},md:{content:{"--popover-size":"260px"}},lg:{content:{"--popover-size":"320px"}},xl:{content:{"--popover-size":"480px"}},"2xl":{content:{"--popover-size":"540px"}}},a={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}}},n=r.defineSlotRecipe({slots:e,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{overflowY:"auto",p:3},content:{borderRadius:"base",border:"1px",p:0},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,p:3,w:"100%"},trigger:{width:"max-content"}},variants:{size:t,variant:a},defaultVariants:{size:"sm",variant:"default"}});exports.popoverRecipe=n;
+//# sourceMappingURL=popover.recipe-CtptsJg6.js.map

package/dist/chunks/{popover.recipe-DhiHO7Ev.js.map → popover.recipe-CtptsJg6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipe-DhiHO7Ev.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\nimport { popoverAnatomy } from '@chakra-ui/react/anatomy';\n\nconst popoverSlots = popoverAnatomy.keys();\ntype PopoverSlot = (typeof popoverSlots)[number];\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n    },\n  },\n  '2xl': {\n    content: {\n      '--popover-size': '540px',\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: '1px',\n      borderInlineStartWidth: '1px',\n      top: '-1px !important',\n    },\n    body: {\n      overflowY: 'auto',\n      p: 3,\n    },\n    content: {\n      borderRadius: 'base',\n      border: '1px',\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: 'inherit',\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: 'inherit',\n      minH: 6,\n      p: 3,\n      w: '100%',\n    },\n    trigger: {\n      width: 'max-content',\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: 'sm',\n    variant: 'default',\n  },\n});\n"],"names":["popoverSlots","popoverAnatomy","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"wFAIMA,EAAeC,iBAAe,KAAK,EAMnCC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,MAAO,CACL,QAAS,CACP,iBAAkB,OAAA,CACpB,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,qCAChB,iBAAkB,qCAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,qCAChB,iBAAkB,qCAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOL,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,UAAW,OACX,EAAG,CACL,EACA,QAAS,CACP,aAAc,OACd,OAAQ,MACR,EAAG,CACL,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,EAAG,EACH,EAAG,MACL,EACA,QAAS,CACP,MAAO,aAAA,CAEX,EACA,SAAU,CACR,KAAME,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,SAAA,CAEb,CAAC"}
+{"version":3,"file":"popover.recipe-CtptsJg6.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\nimport { popoverAnatomy } from '@chakra-ui/react/anatomy';\n\nconst popoverSlots = popoverAnatomy.keys();\ntype PopoverSlot = (typeof popoverSlots)[number];\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n    },\n  },\n  '2xl': {\n    content: {\n      '--popover-size': '540px',\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: '1px',\n      borderInlineStartWidth: '1px',\n      top: '-1px !important',\n    },\n    body: {\n      overflowY: 'auto',\n      p: 3,\n    },\n    content: {\n      borderRadius: 'base',\n      border: '1px',\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: 'inherit',\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: 'inherit',\n      minH: 6,\n      p: 3,\n      w: '100%',\n    },\n    trigger: {\n      width: 'max-content',\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: 'sm',\n    variant: 'default',\n  },\n});\n"],"names":["popoverSlots","popoverAnatomy","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"wFAIMA,EAAeC,iBAAe,KAAK,EAMnCC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,MAAO,CACL,QAAS,CACP,iBAAkB,OAAA,CACpB,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,qCAChB,iBAAkB,qCAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,qCAChB,iBAAkB,qCAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOL,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,UAAW,OACX,EAAG,CACL,EACA,QAAS,CACP,aAAc,OACd,OAAQ,MACR,EAAG,CACL,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,EAAG,EACH,EAAG,MACL,EACA,QAAS,CACP,MAAO,aAAA,CAEX,EACA,SAAU,CACR,KAAME,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,SAAA,CAEb,CAAC"}

package/dist/chunks/{popover.recipe-Bg7XkURN.js → popover.recipe-DPwwsWLb.js}

@@ -1,4 +1,4 @@
-import { p as o } from "./anatomy-ByfITE1W.js";
+import { p as o } from "./anatomy-DKlFmIC5.js";
 import { d as r } from "./config-Djkl1N81.js";
 const e = o.keys(), t = {
   xs: {
@@ -123,4 +123,4 @@ const e = o.keys(), t = {
 export {
   d as p
 };
-//# sourceMappingURL=popover.recipe-Bg7XkURN.js.map
+//# sourceMappingURL=popover.recipe-DPwwsWLb.js.map

package/dist/chunks/{popover.recipe-Bg7XkURN.js.map → popover.recipe-DPwwsWLb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipe-Bg7XkURN.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\nimport { popoverAnatomy } from '@chakra-ui/react/anatomy';\n\nconst popoverSlots = popoverAnatomy.keys();\ntype PopoverSlot = (typeof popoverSlots)[number];\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n    },\n  },\n  '2xl': {\n    content: {\n      '--popover-size': '540px',\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: '1px',\n      borderInlineStartWidth: '1px',\n      top: '-1px !important',\n    },\n    body: {\n      overflowY: 'auto',\n      p: 3,\n    },\n    content: {\n      borderRadius: 'base',\n      border: '1px',\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: 'inherit',\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: 'inherit',\n      minH: 6,\n      p: 3,\n      w: '100%',\n    },\n    trigger: {\n      width: 'max-content',\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: 'sm',\n    variant: 'default',\n  },\n});\n"],"names":["popoverSlots","popoverAnatomy","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";;AAIA,MAAMA,IAAeC,EAAe,KAAK,GAMnCC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EACpB;AAEJ,GAEMC,IAAkE;AAAA,EACtE,SAAS;AAAA,IACP,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAgBC,EAAiB;AAAA,EAC5C,OAAOL;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,MAAME;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"popover.recipe-DPwwsWLb.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\nimport { popoverAnatomy } from '@chakra-ui/react/anatomy';\n\nconst popoverSlots = popoverAnatomy.keys();\ntype PopoverSlot = (typeof popoverSlots)[number];\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n    },\n  },\n  '2xl': {\n    content: {\n      '--popover-size': '540px',\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: '1px',\n      borderInlineStartWidth: '1px',\n      top: '-1px !important',\n    },\n    body: {\n      overflowY: 'auto',\n      p: 3,\n    },\n    content: {\n      borderRadius: 'base',\n      border: '1px',\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: 'inherit',\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: 'inherit',\n      minH: 6,\n      p: 3,\n      w: '100%',\n    },\n    trigger: {\n      width: 'max-content',\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: 'sm',\n    variant: 'default',\n  },\n});\n"],"names":["popoverSlots","popoverAnatomy","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";;AAIA,MAAMA,IAAeC,EAAe,KAAK,GAMnCC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EACpB;AAEJ,GAEMC,IAAkE;AAAA,EACtE,SAAS;AAAA,IACP,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAgBC,EAAiB;AAAA,EAC5C,OAAOL;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,MAAME;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}