@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.70

package/dist/chunks/popover.component-DVg1jDJP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-DVg1jDJP.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../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 client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n  name: \"HoverCardContext\",\n  hookName: \"useHoverCardContext\",\n  providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(hoverCard.machine, machineProps);\n  return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const hoverCard = useHoverCard(localProps);\n  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n  const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: useHoverCardStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n  HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n  HoverCard.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n  }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"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  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\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  ...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\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-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  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\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  ...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\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\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 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 {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children || disabled) return <></>;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip top=\"-1px !important\" />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}

package/dist/chunks/popover.component-tDB4AKl6.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),v=require("react"),p=require("./popover-80QH8HEJ.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),n=require("./use-locale-context-BdqHZ8L8.js"),x=require("./index-CZ42b9rT.js"),R=require("./popover.recipe-DLeyokHo.js"),W=require("./text.component-BQyRxSjn.js"),I=require("./heading.component-YGxay5SH.js"),H=require("./button.component-Dd9AfGox.js"),y=require("./use-slot-recipe-8liupslO.js"),T=require("./popover-root-provider-DAMDDAHQ.js"),_=require("./flex-D14H6HbP.js"),L=require("./factory-D6tdBUPG.js"),G=require("./box-Baq7UBls.js"),J=r=>r&&r.__esModule?r:{default:r},K=J(v),[A,d]=n.createContext({name:"HoverCardContext",hookName:"useHoverCardContext",providerName:"<HoverCardProvider />"}),k=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getArrowProps(),r);return e.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:s})});k.displayName="HoverCardArrow";const N=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getArrowTipProps(),r);return e.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:s})});N.displayName="HoverCardArrowTip";const S=v.forwardRef((r,s)=>{const o=d(),t=n.usePresenceContext(),i=x.mergeProps(o.getContentProps(),t.getPresenceProps(),r);return t.unmounted?null:e.jsxRuntimeExports.jsx(n.ark.div,{...i,ref:n.composeRefs(t.ref,s)})});S.displayName="HoverCardContent";const Q=r=>r.children(d()),q=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getPositionerProps(),r);return n.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:s})});q.displayName="HoverCardPositioner";const U=r=>{const s=v.useId(),{getRootNode:o}=n.useEnvironmentContext(),{dir:t}=n.useLocaleContext(),i={id:s,dir:t,getRootNode:o,...r},c=n.useMachine(R.machine,i);return R.connect(c,n.normalizeProps)},V=r=>{const[s,{children:o,...t}]=n.splitPresenceProps(r),i=U(t),c=n.usePresence(x.mergeProps({present:i.open},s));return e.jsxRuntimeExports.jsx(A,{value:i,children:e.jsxRuntimeExports.jsx(n.PresenceProvider,{value:c,children:o})})},X=r=>{const[s,{value:o,children:t}]=n.splitPresenceProps(r),i=n.usePresence(x.mergeProps({present:o.open},s));return e.jsxRuntimeExports.jsx(A,{value:o,children:e.jsxRuntimeExports.jsx(n.PresenceProvider,{value:i,children:t})})},O=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getTriggerProps(),r);return e.jsxRuntimeExports.jsx(n.ark.button,{...t,ref:s})});O.displayName="HoverCardTrigger";const{withRootProvider:z,withContext:g,PropsProvider:Y}=M.createSlotRecipeContext({key:"hoverCard"}),Z=z(X),ee=z(V),re=Y,oe=g(O,"trigger",{forwardAsChild:!0}),te=g(q,"positioner",{forwardAsChild:!0}),se=g(S,"content",{forwardAsChild:!0}),B=g(N,"arrowTip",{forwardAsChild:!0}),ne=g(k,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(B,{})}}),ie=Q,pe=Object.freeze(Object.defineProperty({__proto__:null,Arrow:ne,ArrowTip:B,Content:se,Context:ie,Positioner:te,PropsProvider:re,Root:ee,RootProvider:Z,Trigger:oe},Symbol.toStringTag,{value:"Module"})),ce=Object.freeze(Object.defineProperty({__proto__:null,Anchor:p.PopoverAnchor,Arrow:p.PopoverArrow,ArrowTip:p.PopoverArrowTip,Body:p.PopoverBody,CloseTrigger:p.PopoverCloseTrigger,Content:p.PopoverContent,Context:p.PopoverContext,Description:p.PopoverDescription,Footer:p.PopoverFooter,Header:p.PopoverHeader,Positioner:p.PopoverPositioner,PropsProvider:p.PopoverPropsProvider,Root:p.PopoverRoot,RootProvider:p.PopoverRootProvider,Title:p.PopoverTitle,Trigger:p.PopoverTrigger,usePopoverStyles:p.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),F=L.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});F.displayName="Spacer";const ae=({children:r,color:s,hideCloseButton:o=!1,onContrast:t=!0,onClose:i,size:c="sm",trigger:l,...u})=>{const m=y.useSlotRecipe({recipe:R.popoverRecipe})(),{setOpen:C}=l==="hover"?d():T.usePopoverContext();return e.jsxRuntimeExports.jsxs(_.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:m.header,...u,children:[e.jsxRuntimeExports.jsx(I.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:c,color:s||"inherit",children:r}),!o&&e.jsxRuntimeExports.jsx(H.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:t,onClick:i||(()=>C(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},de=({children:r,disabled:s,hideButtons:o=!1,hideCancelButton:t=!1,destructive:i,loading:c,onCancel:l,onContrast:u=!0,onSubmit:h,submitText:m="Submit",trigger:C,...f})=>{const j=y.useSlotRecipe({recipe:R.popoverRecipe})(),{setOpen:a}=C==="hover"?d():T.usePopoverContext(),b=()=>{l&&l(),a(!1)};return e.jsxRuntimeExports.jsxs(_.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:j.footer,...f,children:[r,!o&&e.jsxRuntimeExports.jsxs(_.Flex,{w:"100%",children:[!t&&e.jsxRuntimeExports.jsx(H.Button,{variant:"tertiary",onContrast:u,size:"sm",onClick:b,children:"Cancel"}),e.jsxRuntimeExports.jsx(F,{}),e.jsxRuntimeExports.jsx(H.Button,{onClick:h,loading:c,disabled:s,size:"sm",onContrast:u,variant:i?"primaryDestructive":"primary",children:m})]})]})},$=K.default.forwardRef((r,s)=>{const{allowEscape:o=!0,anchor:t,children:i,contentProps:c,footerProps:l,headerProps:u,disabled:h=!1,portalled:m=!0,placement:C="bottom",positioning:f,size:w="sm",trigger:j="click",variant:a="default",...b}=r,P=j==="hover"?pe:ce,D=y.useSlotRecipe({recipe:R.popoverRecipe})({variant:a,size:w});if(!i||h)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const E=a==="contrast"||a==="contrastDestructive";return e.jsxRuntimeExports.jsxs(P.Root,{closeOnEscape:o,closeOnInteractOutside:o,positioning:{...f,placement:f?.placement||C},size:w,variant:a,...b,children:[e.jsxRuntimeExports.jsx(P.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:t}),e.jsxRuntimeExports.jsx(n.Portal,{disabled:!m,children:e.jsxRuntimeExports.jsx(P.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(P.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:s,p:0,...c,children:[e.jsxRuntimeExports.jsx(P.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(P.ArrowTip,{top:"-1px !important"})}),u&&e.jsxRuntimeExports.jsx(ae,{trigger:j,onContrast:E,...u}),e.jsxRuntimeExports.jsx(G.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:D.body,children:typeof i=="string"?e.jsxRuntimeExports.jsx(W.WrappedText,{variant:E?"onContrast":"default",size:"sm",children:i}):i}),l&&e.jsxRuntimeExports.jsx(de,{trigger:j,destructive:a==="contrastDestructive"||a==="defaultDestructive",onContrast:E,...l})]})})})]})});$.displayName="Popover";exports.Popover=$;
+//# sourceMappingURL=popover.component-tDB4AKl6.js.map

package/dist/chunks/popover.component-tDB4AKl6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-tDB4AKl6.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../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 client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n  name: \"HoverCardContext\",\n  hookName: \"useHoverCardContext\",\n  providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(hoverCard.machine, machineProps);\n  return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const hoverCard = useHoverCard(localProps);\n  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n  const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: useHoverCardStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n  HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n  HoverCard.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n  }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"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  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\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  ...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\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-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  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\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  ...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\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\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 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 {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children || disabled) return <></>;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip top=\"-1px !important\" />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}

package/dist/chunks/popover.recipe--gMRcQTS.js

@@ -0,0 +1,479 @@
+import { c as b, y as v, b as m } from "./index-CYk-7wwG.js";
+import { g as u, d as f, b as y } from "./use-locale-context-D-agiW5E.js";
+import { t as R } from "./index-j7W9Hyzx.js";
+import { a as L } from "./config-DlTdf-Yt.js";
+var I = m("hoverCard").parts("arrow", "arrowTip", "trigger", "positioner", "content"), a = I.build(), P = (e) => e.ids?.trigger ?? `hover-card:${e.id}:trigger`, C = (e) => e.ids?.content ?? `hover-card:${e.id}:content`, T = (e) => e.ids?.positioner ?? `hover-card:${e.id}:popper`, h = (e) => e.ids?.arrow ?? `hover-card:${e.id}:arrow`, g = (e) => e.getById(P(e)), N = (e) => e.getById(C(e)), O = (e) => e.getById(T(e));
+function F(e, t) {
+  const { state: o, send: r, prop: n, context: s, scope: c } = e, l = o.hasTag("open"), p = f({
+    ...n("positioning"),
+    placement: s.get("currentPlacement")
+  });
+  return {
+    open: l,
+    setOpen(i) {
+      o.hasTag("open") !== i && r({ type: i ? "OPEN" : "CLOSE" });
+    },
+    reposition(i = {}) {
+      r({ type: "POSITIONING.SET", options: i });
+    },
+    getArrowProps() {
+      return t.element({
+        id: h(c),
+        ...a.arrow.attrs,
+        dir: n("dir"),
+        style: p.arrow
+      });
+    },
+    getArrowTipProps() {
+      return t.element({
+        ...a.arrowTip.attrs,
+        dir: n("dir"),
+        style: p.arrowTip
+      });
+    },
+    getTriggerProps() {
+      return t.element({
+        ...a.trigger.attrs,
+        dir: n("dir"),
+        "data-placement": s.get("currentPlacement"),
+        id: P(c),
+        "data-state": l ? "open" : "closed",
+        onPointerEnter(i) {
+          i.pointerType !== "touch" && r({ type: "POINTER_ENTER", src: "trigger" });
+        },
+        onPointerLeave(i) {
+          i.pointerType !== "touch" && r({ type: "POINTER_LEAVE", src: "trigger" });
+        },
+        onFocus() {
+          r({ type: "TRIGGER_FOCUS" });
+        },
+        onBlur() {
+          r({ type: "TRIGGER_BLUR" });
+        }
+      });
+    },
+    getPositionerProps() {
+      return t.element({
+        id: T(c),
+        ...a.positioner.attrs,
+        dir: n("dir"),
+        style: p.floating
+      });
+    },
+    getContentProps() {
+      return t.element({
+        ...a.content.attrs,
+        dir: n("dir"),
+        id: C(c),
+        hidden: !l,
+        tabIndex: -1,
+        "data-state": l ? "open" : "closed",
+        "data-placement": s.get("currentPlacement"),
+        onPointerEnter(i) {
+          i.pointerType !== "touch" && r({ type: "POINTER_ENTER", src: "content" });
+        },
+        onPointerLeave(i) {
+          i.pointerType !== "touch" && r({ type: "POINTER_LEAVE", src: "content" });
+        }
+      });
+    }
+  };
+}
+var { not: d, and: E } = v(), B = b({
+  props({ props: e }) {
+    return {
+      openDelay: 700,
+      closeDelay: 300,
+      ...e,
+      positioning: {
+        placement: "bottom",
+        ...e.positioning
+      }
+    };
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "closed";
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      open: t(() => ({
+        defaultValue: e("defaultOpen"),
+        value: e("open"),
+        onChange(o) {
+          e("onOpenChange")?.({ open: o });
+        }
+      })),
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      })),
+      isPointer: t(() => ({
+        defaultValue: !1
+      }))
+    };
+  },
+  watch({ track: e, context: t, action: o }) {
+    e([() => t.get("open")], () => {
+      o(["toggleVisibility"]);
+    });
+  },
+  states: {
+    closed: {
+      tags: ["closed"],
+      entry: ["clearIsPointer"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open"
+        },
+        POINTER_ENTER: {
+          target: "opening",
+          actions: ["setIsPointer"]
+        },
+        TRIGGER_FOCUS: {
+          target: "opening"
+        },
+        OPEN: {
+          target: "opening"
+        }
+      }
+    },
+    opening: {
+      tags: ["closed"],
+      effects: ["waitForOpenDelay"],
+      on: {
+        OPEN_DELAY: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
+          }
+        ],
+        "CONTROLLED.OPEN": {
+          target: "open"
+        },
+        "CONTROLLED.CLOSE": {
+          target: "closed"
+        },
+        POINTER_LEAVE: [
+          {
+            guard: "isOpenControlled",
+            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
+            actions: ["invokeOnClose", "toggleVisibility"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        TRIGGER_BLUR: [
+          {
+            guard: E("isOpenControlled", d("isPointer")),
+            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
+            actions: ["invokeOnClose", "toggleVisibility"]
+          },
+          {
+            guard: d("isPointer"),
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
+            actions: ["invokeOnClose", "toggleVisibility"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ]
+      }
+    },
+    open: {
+      tags: ["open"],
+      effects: ["trackDismissableElement", "trackPositioning"],
+      on: {
+        "CONTROLLED.CLOSE": {
+          target: "closed"
+        },
+        POINTER_ENTER: {
+          actions: ["setIsPointer"]
+        },
+        POINTER_LEAVE: {
+          target: "closing"
+        },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        TRIGGER_BLUR: [
+          {
+            guard: E("isOpenControlled", d("isPointer")),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: d("isPointer"),
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "POSITIONING.SET": {
+          actions: ["reposition"]
+        }
+      }
+    },
+    closing: {
+      tags: ["open"],
+      effects: ["trackPositioning", "waitForCloseDelay"],
+      on: {
+        CLOSE_DELAY: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "CONTROLLED.CLOSE": {
+          target: "closed"
+        },
+        "CONTROLLED.OPEN": {
+          target: "open"
+        },
+        POINTER_ENTER: {
+          target: "open",
+          // no need to invokeOnOpen here because it's still open (but about to close)
+          actions: ["setIsPointer"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isPointer: ({ context: e }) => !!e.get("isPointer"),
+      isOpenControlled: ({ prop: e }) => e("open") != null
+    },
+    effects: {
+      waitForOpenDelay({ send: e, prop: t }) {
+        const o = setTimeout(() => {
+          e({ type: "OPEN_DELAY" });
+        }, t("openDelay"));
+        return () => clearTimeout(o);
+      },
+      waitForCloseDelay({ send: e, prop: t }) {
+        const o = setTimeout(() => {
+          e({ type: "CLOSE_DELAY" });
+        }, t("closeDelay"));
+        return () => clearTimeout(o);
+      },
+      trackPositioning({ context: e, prop: t, scope: o }) {
+        e.get("currentPlacement") || e.set("currentPlacement", t("positioning").placement);
+        const r = () => O(o);
+        return u(g(o), r, {
+          ...t("positioning"),
+          defer: !0,
+          onComplete(n) {
+            e.set("currentPlacement", n.placement);
+          }
+        });
+      },
+      trackDismissableElement({ send: e, scope: t, prop: o }) {
+        return R(() => N(t), {
+          defer: !0,
+          exclude: [g(t)],
+          onDismiss() {
+            e({ type: "CLOSE", src: "interact-outside" });
+          },
+          onInteractOutside: o("onInteractOutside"),
+          onPointerDownOutside: o("onPointerDownOutside"),
+          onFocusOutside(n) {
+            n.preventDefault(), o("onFocusOutside")?.(n);
+          }
+        });
+      }
+    },
+    actions: {
+      invokeOnClose({ prop: e }) {
+        e("onOpenChange")?.({ open: !1 });
+      },
+      invokeOnOpen({ prop: e }) {
+        e("onOpenChange")?.({ open: !0 });
+      },
+      setIsPointer({ context: e }) {
+        e.set("isPointer", !0);
+      },
+      clearIsPointer({ context: e }) {
+        e.set("isPointer", !1);
+      },
+      reposition({ context: e, prop: t, scope: o, event: r }) {
+        const n = () => O(o);
+        u(g(o), n, {
+          ...t("positioning"),
+          ...r.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(s) {
+            e.set("currentPlacement", s.placement);
+          }
+        });
+      },
+      toggleVisibility({ prop: e, event: t, send: o }) {
+        queueMicrotask(() => {
+          o({ type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: t });
+        });
+      }
+    }
+  }
+});
+y()([
+  "closeDelay",
+  "dir",
+  "getRootNode",
+  "id",
+  "ids",
+  "onOpenChange",
+  "defaultOpen",
+  "open",
+  "openDelay",
+  "positioning",
+  "onInteractOutside",
+  "onPointerDownOutside",
+  "onFocusOutside"
+]);
+const w = [
+  "root",
+  "content",
+  "arrow",
+  "arrowTip",
+  "body",
+  "header",
+  "footer"
+], D = {
+  xs: {
+    content: {
+      width: 160
+    }
+  },
+  sm: {
+    content: {
+      width: 200
+    }
+  },
+  md: {
+    content: {
+      width: 260
+    }
+  },
+  lg: {
+    content: {
+      width: 320
+    }
+  },
+  xl: {
+    content: {
+      width: 480
+    }
+  }
+}, k = {
+  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.contrast",
+      "--hovercard-bg": "colors.background.contrast",
+      borderColor: "border.contrast",
+      color: "text.contrast"
+    }
+  },
+  contrastDestructive: {
+    arrowTip: {
+      borderColor: "border.contrast"
+    },
+    content: {
+      "--popover-bg": "colors.background.contrast",
+      "--hovercard-bg": "colors.background.contrast",
+      borderColor: "border.contrast",
+      color: "text.contrast"
+    }
+  }
+}, x = L({
+  slots: w,
+  base: {
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px"
+    },
+    body: {
+      p: 3
+    },
+    content: {
+      borderRadius: "base",
+      border: "1px"
+    },
+    footer: {
+      borderTop: 0,
+      borderRadius: "inherit",
+      pb: 3,
+      pt: 0,
+      px: 3
+    },
+    header: {
+      borderBottom: 0,
+      borderRadius: "inherit",
+      minH: 6,
+      pb: 0,
+      pt: 3,
+      px: 3,
+      w: "100%"
+    }
+  },
+  variants: {
+    size: D,
+    variant: k
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "default"
+  }
+});
+export {
+  I as a,
+  F as c,
+  B as m,
+  x as p
+};
+//# sourceMappingURL=popover.recipe--gMRcQTS.js.map