@televet/kibble-ui 4.0.0-beta.89 → 4.0.0-beta.90

package/dist/chunks/{popover.component-D0zb3Bfe.js → popover.component--S78uxTR.js}

@@ -1,2 +1,2 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),T=require("react"),e=require("./popover.recipe-CAAwv6E3.js"),r=require("./tooltip.component-CIUcGhxw.js"),H=require("./text.component-C501PJrN.js"),w=require("./heading.component-DNsKd4Gh.js"),f=require("./button.component-Dd9AfGox.js"),g=require("./use-slot-recipe-8liupslO.js"),y=require("./popover-root-provider-C2iwUZJn.js"),h=require("./flex-D14H6HbP.js"),k=require("./factory-D6tdBUPG.js"),S=require("./usePortalContentRef-CTrvBQ7I.js"),q=require("./use-locale-context-D0LByRu9.js"),A=require("./box-Baq7UBls.js"),N=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"})),O=Object.freeze(Object.defineProperty({__proto__:null,Anchor:e.PopoverAnchor,Arrow:e.PopoverArrow,ArrowTip:e.PopoverArrowTip,Body:e.PopoverBody,CloseTrigger:e.PopoverCloseTrigger,Content:e.PopoverContent,Context:e.PopoverContext,Description:e.PopoverDescription,Footer:e.PopoverFooter,Header:e.PopoverHeader,Positioner:e.PopoverPositioner,PropsProvider:e.PopoverPropsProvider,Root:e.PopoverRoot,RootProvider:e.PopoverRootProvider,Title:e.PopoverTitle,Trigger:e.PopoverTrigger,usePopoverStyles:e.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),E=k.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});E.displayName="Spacer";const B=({children:t,color:p,hideCloseButton:s=!1,onContrast:x=!0,onClose:i,size:c="sm",trigger:n,...a})=>{const l=g.useSlotRecipe({recipe:e.popoverRecipe})(),{setOpen:d}=n==="hover"?r.useHoverCardContext():y.usePopoverContext();return o.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:l.header,...a,children:[typeof t=="string"?o.jsxRuntimeExports.jsx(w.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:c,color:p||"inherit",w:"100%",children:t}):t,!s&&n==="click"&&o.jsxRuntimeExports.jsx(f.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:x,onClick:i||(()=>d(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},F=({children:t,disabled:p,hideButtons:s=!1,hideCancelButton:x=!1,destructive:i,loading:c,onCancel:n,onContrast:a=!0,onSubmit:m,submitText:l="Submit",trigger:d,...P})=>{const C=g.useSlotRecipe({recipe:e.popoverRecipe})(),{setOpen:j}=d==="hover"?r.useHoverCardContext():y.usePopoverContext(),b=()=>{n&&n(),j(!1)};return o.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:C.footer,...P,children:[t,!s&&o.jsxRuntimeExports.jsxs(h.Flex,{w:"100%",children:[!x&&o.jsxRuntimeExports.jsx(f.Button,{variant:"tertiary",onContrast:a,size:"sm",onClick:b,children:"Cancel"}),o.jsxRuntimeExports.jsx(E,{}),o.jsxRuntimeExports.jsx(f.Button,{onClick:m,loading:c,disabled:p,size:"sm",onContrast:a,variant:i?"primaryDestructive":"primary",children:l})]})]})},z=({allowEscape:t=!0,anchor:p,children:s,contentProps:x,footerProps:i,headerProps:c,disabled:n=!1,portalled:a=!0,placement:m="bottom",positioning:l,size:d="sm",trigger:P="click",variant:u="default",...C})=>{const j=T.useRef(null),b={contentRef:j},v=P==="hover"?N:O,R=g.useSlotRecipe({recipe:e.popoverRecipe})({variant:u,size:d});if(n)return p;const _=u==="contrast"||u==="contrastDestructive";return o.jsxRuntimeExports.jsxs(v.Root,{closeOnEscape:t,closeOnInteractOutside:t,positioning:{...l,placement:l?.placement||m},...C,children:[o.jsxRuntimeExports.jsx(v.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":"kibble-popover-trigger",children:p}),o.jsxRuntimeExports.jsx(q.Portal,{disabled:!a,children:o.jsxRuntimeExports.jsx(v.Positioner,{className:"Popover","data-testid":"kibble-popover",children:o.jsxRuntimeExports.jsx(S.PortalContext.Provider,{value:b,children:o.jsxRuntimeExports.jsxs(v.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:j,...x,css:R.content,children:[o.jsxRuntimeExports.jsx(v.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",css:R.arrow,children:o.jsxRuntimeExports.jsx(v.ArrowTip,{css:R.arrowTip})}),c&&o.jsxRuntimeExports.jsx(B,{trigger:P,onContrast:_,...c}),o.jsxRuntimeExports.jsx(A.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:R.body,children:typeof s=="string"?o.jsxRuntimeExports.jsx(H.WrappedText,{variant:_?"onContrast":"default",size:"sm",children:s}):s}),i&&o.jsxRuntimeExports.jsx(F,{trigger:P,destructive:u==="contrastDestructive"||u==="defaultDestructive",onContrast:_,...i})]})})})})]})};exports.Popover=z;
-//# sourceMappingURL=popover.component-D0zb3Bfe.js.map
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),T=require("react"),e=require("./popover.recipe-CQYAiRTB.js"),r=require("./tooltip.component-CIUcGhxw.js"),H=require("./text.component-C501PJrN.js"),w=require("./heading.component-DNsKd4Gh.js"),f=require("./button.component-Dd9AfGox.js"),g=require("./use-slot-recipe-8liupslO.js"),y=require("./popover-root-provider-C2iwUZJn.js"),h=require("./flex-D14H6HbP.js"),k=require("./factory-D6tdBUPG.js"),S=require("./usePortalContentRef-CTrvBQ7I.js"),q=require("./use-locale-context-D0LByRu9.js"),A=require("./box-Baq7UBls.js"),N=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"})),O=Object.freeze(Object.defineProperty({__proto__:null,Anchor:e.PopoverAnchor,Arrow:e.PopoverArrow,ArrowTip:e.PopoverArrowTip,Body:e.PopoverBody,CloseTrigger:e.PopoverCloseTrigger,Content:e.PopoverContent,Context:e.PopoverContext,Description:e.PopoverDescription,Footer:e.PopoverFooter,Header:e.PopoverHeader,Positioner:e.PopoverPositioner,PropsProvider:e.PopoverPropsProvider,Root:e.PopoverRoot,RootProvider:e.PopoverRootProvider,Title:e.PopoverTitle,Trigger:e.PopoverTrigger,usePopoverStyles:e.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),E=k.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});E.displayName="Spacer";const B=({children:t,color:p,hideCloseButton:s=!1,onContrast:x=!0,onClose:i,size:c="sm",trigger:n,...a})=>{const l=g.useSlotRecipe({recipe:e.popoverRecipe})(),{setOpen:d}=n==="hover"?r.useHoverCardContext():y.usePopoverContext();return o.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:l.header,...a,children:[typeof t=="string"?o.jsxRuntimeExports.jsx(w.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:c,color:p||"inherit",w:"100%",children:t}):t,!s&&n==="click"&&o.jsxRuntimeExports.jsx(f.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:x,onClick:i||(()=>d(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},F=({children:t,disabled:p,hideButtons:s=!1,hideCancelButton:x=!1,destructive:i,loading:c,onCancel:n,onContrast:a=!0,onSubmit:m,submitText:l="Submit",trigger:d,...P})=>{const C=g.useSlotRecipe({recipe:e.popoverRecipe})(),{setOpen:j}=d==="hover"?r.useHoverCardContext():y.usePopoverContext(),b=()=>{n&&n(),j(!1)};return o.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:C.footer,...P,children:[t,!s&&o.jsxRuntimeExports.jsxs(h.Flex,{w:"100%",children:[!x&&o.jsxRuntimeExports.jsx(f.Button,{variant:"tertiary",onContrast:a,size:"sm",onClick:b,children:"Cancel"}),o.jsxRuntimeExports.jsx(E,{}),o.jsxRuntimeExports.jsx(f.Button,{onClick:m,loading:c,disabled:p,size:"sm",onContrast:a,variant:i?"primaryDestructive":"primary",children:l})]})]})},z=({allowEscape:t=!0,anchor:p,children:s,contentProps:x,footerProps:i,headerProps:c,disabled:n=!1,portalled:a=!0,placement:m="bottom",positioning:l,size:d="sm",trigger:P="click",variant:u="default",...C})=>{const j=T.useRef(null),b={contentRef:j},v=P==="hover"?N:O,R=g.useSlotRecipe({recipe:e.popoverRecipe})({variant:u,size:d});if(n)return p;const _=u==="contrast"||u==="contrastDestructive";return o.jsxRuntimeExports.jsxs(v.Root,{open:!0,closeOnEscape:t,closeOnInteractOutside:t,positioning:{...l,placement:l?.placement||m},...C,children:[o.jsxRuntimeExports.jsx(v.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":"kibble-popover-trigger",children:p}),o.jsxRuntimeExports.jsx(q.Portal,{disabled:!a,children:o.jsxRuntimeExports.jsx(v.Positioner,{className:"Popover","data-testid":"kibble-popover",children:o.jsxRuntimeExports.jsx(S.PortalContext.Provider,{value:b,children:o.jsxRuntimeExports.jsxs(v.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:j,...x,css:R.content,children:[o.jsxRuntimeExports.jsx(v.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",css:R.arrow,children:o.jsxRuntimeExports.jsx(v.ArrowTip,{css:R.arrowTip})}),c&&o.jsxRuntimeExports.jsx(B,{trigger:P,onContrast:_,...c}),o.jsxRuntimeExports.jsx(A.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:R.body,children:typeof s=="string"?o.jsxRuntimeExports.jsx(H.WrappedText,{variant:_?"onContrast":"default",size:"sm",children:s}):s}),i&&o.jsxRuntimeExports.jsx(F,{trigger:P,destructive:u==="contrastDestructive"||u==="defaultDestructive",onContrast:_,...i})]})})})})]})};exports.Popover=z;
+//# sourceMappingURL=popover.component--S78uxTR.js.map

package/dist/chunks/{popover.component-D0zb3Bfe.js.map → popover.component--S78uxTR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-D0zb3Bfe.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  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 className=\"Popover__HeaderWrapper\" data-testid=\"kibble-popover-header-wrapper\" css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid=\"kibble-popover-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=\"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 className=\"Popover__Footer\" data-testid=\"kibble-popover-footer\" 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 { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\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 & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\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}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const Element = trigger === '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={allowEscape}\n      closeOnInteractOutside={allowEscape}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger asChild className=\"Popover__Trigger\" data-testid=\"kibble-popover-trigger\">\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow className=\"Popover__Arrow\" data-testid=\"kibble-popover-arrow\" css={styles.arrow}>\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && <PopoverHeader trigger={trigger} onContrast={onContrast} {...headerProps} />}\n              <Box className=\"Popover__Body\" data-testid=\"kibble-popover-body\" css={styles.body}>\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={trigger}\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","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","contentRef","useRef","contextValue","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"popover.component--S78uxTR.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  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 className=\"Popover__HeaderWrapper\" data-testid=\"kibble-popover-header-wrapper\" css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid=\"kibble-popover-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=\"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 className=\"Popover__Footer\" data-testid=\"kibble-popover-footer\" 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 { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\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 & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\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}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const Element = trigger === '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      open={true}\n      closeOnEscape={allowEscape}\n      closeOnInteractOutside={allowEscape}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger asChild className=\"Popover__Trigger\" data-testid=\"kibble-popover-trigger\">\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow className=\"Popover__Arrow\" data-testid=\"kibble-popover-arrow\" css={styles.arrow}>\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && <PopoverHeader trigger={trigger} onContrast={onContrast} {...headerProps} />}\n              <Box className=\"Popover__Body\" data-testid=\"kibble-popover-body\" css={styles.body}>\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={trigger}\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","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","contentRef","useRef","contextValue","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{popover.component-Djl4eONo.js → popover.component-DqpXC5XS.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { useRef as k } from "react";
-import { P as w, a as R, b as A, c as N, d as S, e as O, f as B, g as z, h as D, i as F, j as W, k as E, l as M, m as $, n as I, o as V, u as q, p as g } from "./popover.recipe--wfvH9po.js";
+import { P as w, a as R, b as A, c as N, d as S, e as O, f as B, g as z, h as D, i as F, j as W, k as E, l as M, m as $, n as I, o as V, u as q, p as g } from "./popover.recipe-DlJtOeLy.js";
 import { H as G, a as J, b as K, c as L, d as Q, e as U, f as X, g as Y, h as Z, u as y } from "./tooltip.component-Cr_en1NQ.js";
 import { W as ee } from "./text.component-DJW--Vty.js";
 import { W as oe } from "./heading.component-BHha3j1I.js";
@@ -153,6 +153,7 @@ const ne = ({
   return /* @__PURE__ */ e.jsxs(
     l.Root,
     {
+      open: !0,
       closeOnEscape: o,
       closeOnInteractOutside: o,
       positioning: {
@@ -193,4 +194,4 @@ const ne = ({
 export {
   Te as P
 };
-//# sourceMappingURL=popover.component-Djl4eONo.js.map
+//# sourceMappingURL=popover.component-DqpXC5XS.js.map

package/dist/chunks/{popover.component-Djl4eONo.js.map → popover.component-DqpXC5XS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-Djl4eONo.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  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 className=\"Popover__HeaderWrapper\" data-testid=\"kibble-popover-header-wrapper\" css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid=\"kibble-popover-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=\"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 className=\"Popover__Footer\" data-testid=\"kibble-popover-footer\" 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 { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\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 & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\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}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const Element = trigger === '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={allowEscape}\n      closeOnInteractOutside={allowEscape}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger asChild className=\"Popover__Trigger\" data-testid=\"kibble-popover-trigger\">\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow className=\"Popover__Arrow\" data-testid=\"kibble-popover-arrow\" css={styles.arrow}>\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && <PopoverHeader trigger={trigger} onContrast={onContrast} {...headerProps} />}\n              <Box className=\"Popover__Body\" data-testid=\"kibble-popover-body\" css={styles.body}>\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={trigger}\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","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","contentRef","useRef","contextValue","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"popover.component-DqpXC5XS.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  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 className=\"Popover__HeaderWrapper\" data-testid=\"kibble-popover-header-wrapper\" css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid=\"kibble-popover-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=\"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 className=\"Popover__Footer\" data-testid=\"kibble-popover-footer\" 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 { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\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 & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\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}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const Element = trigger === '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      open={true}\n      closeOnEscape={allowEscape}\n      closeOnInteractOutside={allowEscape}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger asChild className=\"Popover__Trigger\" data-testid=\"kibble-popover-trigger\">\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow className=\"Popover__Arrow\" data-testid=\"kibble-popover-arrow\" css={styles.arrow}>\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && <PopoverHeader trigger={trigger} onContrast={onContrast} {...headerProps} />}\n              <Box className=\"Popover__Body\" data-testid=\"kibble-popover-body\" css={styles.body}>\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={trigger}\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","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","contentRef","useRef","contextValue","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,2 @@
+"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),C=require("./create-slot-recipe-context-IwVIgtBt.js"),s=require("./popover-root-provider-C2iwUZJn.js"),d=require("react"),n=require("./use-locale-context-D0LByRu9.js"),c=require("./index-CHIISuTq.js"),h=require("./config-BFcXpdZo.js"),v=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=c.mergeProps(o.getAnchorProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});v.displayName="PopoverAnchor";const P=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=c.mergeProps(o.getArrowProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});P.displayName="PopoverArrow";const u=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=c.mergeProps(o.getArrowTipProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});u.displayName="PopoverArrowTip";const l=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=c.mergeProps(o.getDescriptionProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});l.displayName="PopoverDescription";const g=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=c.mergeProps(o.getIndicatorProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});g.displayName="PopoverIndicator";const x=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=n.usePresenceContext(),a=c.mergeProps(o.getPositionerProps(),r);return t.unmounted?null:i.jsxRuntimeExports.jsx(n.ark.div,{...a,ref:e})});x.displayName="PopoverPositioner";const b=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=c.mergeProps(o.getTitleProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});b.displayName="PopoverTitle";const w=d.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=n.usePresenceContext(),a=c.mergeProps({...o.getTriggerProps(),"aria-controls":t.unmounted?void 0:o.getTriggerProps()["aria-controls"]},r);return i.jsxRuntimeExports.jsx(n.ark.button,{...a,ref:e})});w.displayName="PopoverTrigger";const{withRootProvider:f,withContext:p,useStyles:R,PropsProvider:T}=C.createSlotRecipeContext({key:"popover"}),A=f(s.PopoverRootProvider),j=f(s.PopoverRoot),y=T,k=p(w,"trigger",{forwardAsChild:!0}),S=p(x,"positioner",{forwardAsChild:!0}),E=p(s.PopoverContent,"content",{forwardAsChild:!0}),m=p(u,"arrowTip",{forwardAsChild:!0}),z=p(P,"arrow",{forwardAsChild:!0,defaultProps:{children:i.jsxRuntimeExports.jsx(m,{})}}),N=p(s.PopoverCloseTrigger,"closeTrigger",{forwardAsChild:!0});p(g,"indicator",{forwardAsChild:!0});const q=p(b,"title",{forwardAsChild:!0}),D=p(l,"description",{forwardAsChild:!0}),$=p("footer","footer"),I=p("header","header"),B=p("div","body"),H=p(v,void 0,{forwardAsChild:!0}),F=s.PopoverContext,V=["root","content","arrow","arrowTip","body","header","footer","trigger"],W={xs:{content:{"--popover-size":"180px",width:180}},sm:{content:{"--popover-size":"200px",width:200}},md:{content:{"--popover-size":"260px",width:260}},lg:{content:{"--popover-size":"320px",width:320}},xl:{content:{"--popover-size":"480px",width:480}}},L={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"}}},G=h.defineSlotRecipe({slots:V,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{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,pb:0,pt:3,px:3,w:"100%"},trigger:{width:"max-content"}},variants:{size:W,variant:L},defaultVariants:{size:"sm",variant:"default"}});exports.PopoverAnchor=H;exports.PopoverArrow=z;exports.PopoverArrowTip=m;exports.PopoverBody=B;exports.PopoverCloseTrigger=N;exports.PopoverContent=E;exports.PopoverContext=F;exports.PopoverDescription=D;exports.PopoverFooter=$;exports.PopoverHeader=I;exports.PopoverPositioner=S;exports.PopoverPropsProvider=y;exports.PopoverRoot=j;exports.PopoverRootProvider=A;exports.PopoverTitle=q;exports.PopoverTrigger=k;exports.popoverRecipe=G;exports.usePopoverStyles=R;
+//# sourceMappingURL=popover.recipe-CQYAiRTB.js.map

package/dist/chunks/{popover.recipe-CAAwv6E3.js.map → popover.recipe-CQYAiRTB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipe-CAAwv6E3.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js","../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getAnchorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getPositionerProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...popover.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: usePopoverStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n  Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n  Popover.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n  Popover.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n  }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n  Popover.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n  \"footer\",\n  \"footer\"\n);\nconst PopoverHeader = withContext(\n  \"header\",\n  \"header\"\n);\nconst PopoverBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst PopoverAnchor = withContext(\n  Popover.Anchor,\n  void 0,\n  { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n","import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\n\ntype PopoverSlot = 'root' | 'content' | 'arrow' | 'arrowTip' | 'body' | 'header' | 'footer' | 'trigger';\nconst popoverSlots: PopoverSlot[] = [\n  'root',\n  'content',\n  'arrow',\n  'arrowTip',\n  'body',\n  'header',\n  'footer',\n  'trigger',\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\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.contrast',\n      '--hovercard-bg': 'colors.background.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.contrast',\n      '--hovercard-bg': 'colors.background.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      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      pb: 0,\n      pt: 3,\n      px: 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":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}
+{"version":3,"file":"popover.recipe-CQYAiRTB.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js","../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getAnchorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getPositionerProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...popover.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: usePopoverStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n  Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n  Popover.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n  Popover.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n  }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n  Popover.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n  \"footer\",\n  \"footer\"\n);\nconst PopoverHeader = withContext(\n  \"header\",\n  \"header\"\n);\nconst PopoverBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst PopoverAnchor = withContext(\n  Popover.Anchor,\n  void 0,\n  { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n","import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\n\ntype PopoverSlot = 'root' | 'content' | 'arrow' | 'arrowTip' | 'body' | 'header' | 'footer' | 'trigger';\nconst popoverSlots: PopoverSlot[] = [\n  'root',\n  'content',\n  'arrow',\n  'arrowTip',\n  'body',\n  'header',\n  'footer',\n  'trigger',\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n      width: 180,\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n      width: 480,\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.contrast',\n      '--hovercard-bg': 'colors.background.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.contrast',\n      '--hovercard-bg': 'colors.background.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      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      pb: 0,\n      pt: 3,\n      px: 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":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"qSAOMA,EAAgBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC/C,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BC,EAAcC,EAAU,WAACH,EAAQ,eAAc,EAAIF,CAAK,EAC9D,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDH,EAAc,YAAc,gBCL5B,MAAMU,EAAeT,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC9C,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BC,EAAcC,EAAU,WAACH,EAAQ,cAAa,EAAIF,CAAK,EAC7D,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDO,EAAa,YAAc,eCL3B,MAAMC,EAAkBV,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACjD,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BC,EAAcC,EAAU,WAACH,EAAQ,iBAAgB,EAAIF,CAAK,EAChE,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDQ,EAAgB,YAAc,kBCL9B,MAAMC,EAAqBX,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACpD,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BC,EAAcC,EAAU,WAACH,EAAQ,oBAAmB,EAAIF,CAAK,EACnE,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDS,EAAmB,YAAc,qBCLjC,MAAMC,EAAmBZ,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAClD,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BC,EAAcC,EAAU,WAACH,EAAQ,kBAAiB,EAAIF,CAAK,EACjE,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDU,EAAiB,YAAc,mBCJ/B,MAAMC,EAAoBb,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACnD,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BU,EAAWC,EAAAA,mBAAoB,EAC/BV,EAAcC,EAAU,WAACH,EAAQ,mBAAkB,EAAIF,CAAK,EAClE,OAAIa,EAAS,UACJ,KAEcP,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDW,EAAkB,YAAc,oBCVhC,MAAMG,EAAehB,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC9C,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BC,EAAcC,EAAU,WAACH,EAAQ,cAAa,EAAIF,CAAK,EAC7D,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAC7D,CAAC,EACDc,EAAa,YAAc,eCJ3B,MAAMC,EAAiBjB,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,MAAMC,EAAUC,EAAAA,kBAAmB,EAC7BU,EAAWC,EAAAA,mBAAoB,EAC/BV,EAAcC,EAAU,WAC5B,CACE,GAAGH,EAAQ,gBAAiB,EAC5B,gBAAiBW,EAAS,UAAY,OAASX,EAAQ,gBAAe,EAAG,eAAe,CACzF,EACDF,CACD,EACD,OAAuBM,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,OAAQ,CAAE,GAAGH,EAAa,IAAAH,EAAK,CAChE,CAAC,EACDe,EAAe,YAAc,iBCdxB,KAAC,CACJ,iBAAAC,EACA,YAAAC,EACA,UAAWC,EACX,cAAAC,CACF,EAAIC,EAAuB,wBAAC,CAAE,IAAK,SAAW,CAAA,EACxCC,EAAsBL,EAC1BM,EAAAA,mBACF,EACMC,EAAcP,EAAiBQ,EAAY,WAAA,EAC3CC,EAAuBN,EACvBJ,EAAiBE,EAAYS,EAAiB,UAAW,CAAE,eAAgB,EAAM,CAAA,EACjFf,EAAoBM,EAAYU,EAAoB,aAAc,CAAE,eAAgB,EAAM,CAAA,EAC1FC,EAAiBX,EACrBY,EAAe,eACf,UACA,CAAE,eAAgB,EAAI,CACxB,EACMrB,EAAkBS,EAAYa,EAAkB,WAAY,CAAE,eAAgB,EAAM,CAAA,EACpFvB,EAAeU,EACnBc,EACA,QACA,CACE,eAAgB,GAChB,aAAc,CAAE,SAA0B1B,wBAAIG,EAAiB,CAAA,CAAE,CAAC,CACtE,CACA,EACMwB,EAAsBf,EAAYgB,EAAoB,oBAAE,eAAgB,CAAE,eAAgB,EAAM,CAAA,EAC7EhB,EAAYiB,EAAmB,YAAa,CAAE,eAAgB,EAAM,CAAA,EACxF,MAACpB,EAAeG,EACnBkB,EACA,QACA,CAAE,eAAgB,EAAI,CACxB,EACM1B,EAAqBQ,EAAYmB,EAAqB,cAAe,CAAE,eAAgB,EAAM,CAAA,EAC7FC,EAAgBpB,EACpB,SACA,QACF,EACMqB,EAAgBrB,EACpB,SACA,QACF,EACMsB,EAActB,EAClB,MACA,MACF,EACMpB,EAAgBoB,EACpBuB,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EACMC,EAAiBC,EAAAA,eCtDjBC,EAA8B,CAClC,OACA,UACA,QACA,WACA,OACA,SACA,SACA,SACF,EAKMC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,iBAAkB,QAClB,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,QAClB,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,QAClB,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,QAClB,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,QAClB,MAAO,GAAA,CACT,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,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOJ,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,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,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,EAAG,MACL,EACA,QAAS,CACP,MAAO,aAAA,CAEX,EACA,SAAU,CACR,KAAMC,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,SAAA,CAEb,CAAC","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/chunks/{popover.recipe--wfvH9po.js → popover.recipe-DlJtOeLy.js}

@@ -1,54 +1,54 @@
-import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import { j as p } from "./jsx-runtime-C5mzlN2N.js";
 import { c as x } from "./create-slot-recipe-context-BJmsuxih.js";
-import { u as p, P as C, a as T, b as A, c as y, d as R } from "./popover-root-provider-BErev2-N.js";
+import { u as n, P as C, a as T, b as A, c as y, d as R } from "./popover-root-provider-BErev2-N.js";
 import { forwardRef as a } from "react";
 import { f as i, u as v } from "./use-locale-context-BiiNTYMT.js";
 import { a1 as d } from "./index-YtNA0Ueo.js";
 import { a as j } from "./config-DlTdf-Yt.js";
 const l = a((r, e) => {
-  const o = p(), t = d(o.getAnchorProps(), r);
-  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+  const o = n(), t = d(o.getAnchorProps(), r);
+  return /* @__PURE__ */ p.jsx(i.div, { ...t, ref: e });
 });
 l.displayName = "PopoverAnchor";
 const P = a((r, e) => {
-  const o = p(), t = d(o.getArrowProps(), r);
-  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+  const o = n(), t = d(o.getArrowProps(), r);
+  return /* @__PURE__ */ p.jsx(i.div, { ...t, ref: e });
 });
 P.displayName = "PopoverArrow";
 const g = a((r, e) => {
-  const o = p(), t = d(o.getArrowTipProps(), r);
-  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+  const o = n(), t = d(o.getArrowTipProps(), r);
+  return /* @__PURE__ */ p.jsx(i.div, { ...t, ref: e });
 });
 g.displayName = "PopoverArrowTip";
 const u = a((r, e) => {
-  const o = p(), t = d(o.getDescriptionProps(), r);
-  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+  const o = n(), t = d(o.getDescriptionProps(), r);
+  return /* @__PURE__ */ p.jsx(i.div, { ...t, ref: e });
 });
 u.displayName = "PopoverDescription";
 const b = a((r, e) => {
-  const o = p(), t = d(o.getIndicatorProps(), r);
-  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+  const o = n(), t = d(o.getIndicatorProps(), r);
+  return /* @__PURE__ */ p.jsx(i.div, { ...t, ref: e });
 });
 b.displayName = "PopoverIndicator";
 const m = a((r, e) => {
-  const o = p(), t = v(), c = d(o.getPositionerProps(), r);
-  return t.unmounted ? null : /* @__PURE__ */ n.jsx(i.div, { ...c, ref: e });
+  const o = n(), t = v(), c = d(o.getPositionerProps(), r);
+  return t.unmounted ? null : /* @__PURE__ */ p.jsx(i.div, { ...c, ref: e });
 });
 m.displayName = "PopoverPositioner";
 const f = a((r, e) => {
-  const o = p(), t = d(o.getTitleProps(), r);
-  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+  const o = n(), t = d(o.getTitleProps(), r);
+  return /* @__PURE__ */ p.jsx(i.div, { ...t, ref: e });
 });
 f.displayName = "PopoverTitle";
 const w = a((r, e) => {
-  const o = p(), t = v(), c = d(
+  const o = n(), t = v(), c = d(
     {
       ...o.getTriggerProps(),
       "aria-controls": t.unmounted ? void 0 : o.getTriggerProps()["aria-controls"]
     },
     r
   );
-  return /* @__PURE__ */ n.jsx(i.button, { ...c, ref: e });
+  return /* @__PURE__ */ p.jsx(i.button, { ...c, ref: e });
 });
 w.displayName = "PopoverTrigger";
 const {
@@ -67,7 +67,7 @@ const {
   "arrow",
   {
     forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ n.jsx(k, {}) }
+    defaultProps: { children: /* @__PURE__ */ p.jsx(k, {}) }
   }
 ), Q = s(A, "closeTrigger", { forwardAsChild: !0 });
 s(b, "indicator", { forwardAsChild: !0 });
@@ -97,33 +97,38 @@ const U = s(
   "header",
   "footer",
   "trigger"
-], N = {
+], z = {
   xs: {
     content: {
-      width: 160
+      "--popover-size": "180px",
+      width: 180
     }
   },
   sm: {
     content: {
+      "--popover-size": "200px",
       width: 200
     }
   },
   md: {
     content: {
+      "--popover-size": "260px",
       width: 260
     }
   },
   lg: {
     content: {
+      "--popover-size": "320px",
       width: 320
     }
   },
   xl: {
     content: {
+      "--popover-size": "480px",
       width: 480
     }
   }
-}, D = {
+}, N = {
   default: {
     arrowTip: {
       borderColor: "border"
@@ -205,8 +210,8 @@ const U = s(
     }
   },
   variants: {
-    size: N,
-    variant: D
+    size: z,
+    variant: N
   },
   defaultVariants: {
     size: "sm",
@@ -233,4 +238,4 @@ export {
   eo as p,
   F as u
 };
-//# sourceMappingURL=popover.recipe--wfvH9po.js.map
+//# sourceMappingURL=popover.recipe-DlJtOeLy.js.map

package/dist/chunks/{popover.recipe--wfvH9po.js.map → popover.recipe-DlJtOeLy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipe--wfvH9po.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js","../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getAnchorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getPositionerProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...popover.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: usePopoverStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n  Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n  Popover.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n  Popover.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n  }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n  Popover.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n  \"footer\",\n  \"footer\"\n);\nconst PopoverHeader = withContext(\n  \"header\",\n  \"header\"\n);\nconst PopoverBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst PopoverAnchor = withContext(\n  Popover.Anchor,\n  void 0,\n  { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n","import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\n\ntype PopoverSlot = 'root' | 'content' | 'arrow' | 'arrowTip' | 'body' | 'header' | 'footer' | 'trigger';\nconst popoverSlots: PopoverSlot[] = [\n  'root',\n  'content',\n  'arrow',\n  'arrowTip',\n  'body',\n  'header',\n  'footer',\n  'trigger',\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\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.contrast',\n      '--hovercard-bg': 'colors.background.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.contrast',\n      '--hovercard-bg': 'colors.background.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      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      pb: 0,\n      pt: 3,\n      px: 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":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";;;;;;;AAOA,MAAMA,IAAgBC,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,eAAc,GAAIF,CAAK;AAC9D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDH,EAAc,cAAc;ACL5B,MAAMU,IAAeT,EAAW,CAACC,GAAOC,MAAQ;AAC9C,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,cAAa,GAAIF,CAAK;AAC7D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDO,EAAa,cAAc;ACL3B,MAAMC,IAAkBV,EAAW,CAACC,GAAOC,MAAQ;AACjD,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,iBAAgB,GAAIF,CAAK;AAChE,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDQ,EAAgB,cAAc;ACL9B,MAAMC,IAAqBX,EAAW,CAACC,GAAOC,MAAQ;AACpD,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,oBAAmB,GAAIF,CAAK;AACnE,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDS,EAAmB,cAAc;ACLjC,MAAMC,IAAmBZ,EAAW,CAACC,GAAOC,MAAQ;AAClD,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,kBAAiB,GAAIF,CAAK;AACjE,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDU,EAAiB,cAAc;ACJ/B,MAAMC,IAAoBb,EAAW,CAACC,GAAOC,MAAQ;AACnD,QAAMC,IAAUC,EAAmB,GAC7BU,IAAWC,EAAoB,GAC/BV,IAAcC,EAAWH,EAAQ,mBAAkB,GAAIF,CAAK;AAClE,SAAIa,EAAS,YACJ,OAEcP,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDW,EAAkB,cAAc;ACVhC,MAAMG,IAAehB,EAAW,CAACC,GAAOC,MAAQ;AAC9C,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,cAAa,GAAIF,CAAK;AAC7D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDc,EAAa,cAAc;ACJ3B,MAAMC,IAAiBjB,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAMC,IAAUC,EAAmB,GAC7BU,IAAWC,EAAoB,GAC/BV,IAAcC;AAAA,IAClB;AAAA,MACE,GAAGH,EAAQ,gBAAiB;AAAA,MAC5B,iBAAiBW,EAAS,YAAY,SAASX,EAAQ,gBAAe,EAAG,eAAe;AAAA,IACzF;AAAA,IACDF;AAAA,EACD;AACD,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,QAAQ,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAChE,CAAC;AACDe,EAAe,cAAc;ACdxB,MAAC;AAAA,EACJ,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAWC;AAAA,EACX,eAAAC;AACF,IAAIC,EAAwB,EAAE,KAAK,UAAW,CAAA,GACxCC,IAAsBL;AAAA,EAC1BM;AACF,GACMC,IAAcP,EAAiBQ,CAAY,GAC3CC,IAAuBN,GACvBJ,IAAiBE,EAAYS,GAAiB,WAAW,EAAE,gBAAgB,GAAM,CAAA,GACjFf,IAAoBM,EAAYU,GAAoB,cAAc,EAAE,gBAAgB,GAAM,CAAA,GAC1FC,IAAiBX;AAAA,EACrBY;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMrB,IAAkBS,EAAYa,GAAkB,YAAY,EAAE,gBAAgB,GAAM,CAAA,GACpFvB,IAAeU;AAAA,EACnBc;AAAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,cAAc,EAAE,UAA0B1B,gBAAAA,MAAIG,GAAiB,CAAA,CAAE,EAAC;AAAA,EACtE;AACA,GACMwB,IAAsBf,EAAYgB,GAAsB,gBAAgB,EAAE,gBAAgB,GAAM,CAAA;AAC7EhB,EAAYiB,GAAmB,aAAa,EAAE,gBAAgB,GAAM,CAAA;AACxF,MAACpB,IAAeG;AAAA,EACnBkB;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACM1B,IAAqBQ,EAAYmB,GAAqB,eAAe,EAAE,gBAAgB,GAAM,CAAA,GAC7FC,IAAgBpB;AAAA,EACpB;AAAA,EACA;AACF,GACMqB,IAAgBrB;AAAA,EACpB;AAAA,EACA;AACF,GACMsB,IAActB;AAAA,EAClB;AAAA,EACA;AACF,GACMpB,KAAgBoB;AAAA,EACpBuB;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMC,KAAiBC,GCtDjBC,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKMC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;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,KAAgBC,EAAiB;AAAA,EAC5C,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,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,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}
+{"version":3,"file":"popover.recipe-DlJtOeLy.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js","../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getAnchorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getPositionerProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...popover.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: usePopoverStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n  Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n  Popover.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n  Popover.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n  }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n  Popover.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n  \"footer\",\n  \"footer\"\n);\nconst PopoverHeader = withContext(\n  \"header\",\n  \"header\"\n);\nconst PopoverBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst PopoverAnchor = withContext(\n  Popover.Anchor,\n  void 0,\n  { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n","import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\n\ntype PopoverSlot = 'root' | 'content' | 'arrow' | 'arrowTip' | 'body' | 'header' | 'footer' | 'trigger';\nconst popoverSlots: PopoverSlot[] = [\n  'root',\n  'content',\n  'arrow',\n  'arrowTip',\n  'body',\n  'header',\n  'footer',\n  'trigger',\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n      width: 180,\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n      width: 480,\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.contrast',\n      '--hovercard-bg': 'colors.background.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.contrast',\n      '--hovercard-bg': 'colors.background.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      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      pb: 0,\n      pt: 3,\n      px: 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":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/chunks/{timePicker.component-DYNS0LFK.js → timePicker.component-C2BJyTLE.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),t=require("react"),W=require("./textInput.component-o3OfBL3Y.js"),Y=require("./popover.component-D0zb3Bfe.js"),F=require("./icon.component-C0e0UGBw.js"),G=require("./useIconTextSizeMap-BXmABb54.js"),J=require("./format-BRt-TIiQ.js"),A=require("./config-BFcXpdZo.js"),K=require("./use-recipe-DaPWl_pL.js"),h=require("./box-Baq7UBls.js"),O=require("./use-slot-recipe-8liupslO.js"),Q=A.defineRecipe({base:{borderRadius:"4px",cursor:"pointer",fontSize:"sm",px:3,py:1,textAlign:"center"},variants:{selected:{true:{background:"background.secondary",color:"text.contrast",_hover:{background:"background.secondary.hover"}},false:{background:"background",color:"text.subtle",_hover:{background:"background.secondaryAlpha.hover"}}}},defaultVariants:{selected:!1}}),U=({value:s,innerRef:a,onClick:i,selected:l})=>{const R=K.useRecipe({recipe:Q})({selected:l}),d=t.useCallback(r=>{const p=r.currentTarget.textContent||"";i(p)},[i]);return n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Option","data-testid":"kibble-timepicker-option",ref:a,onClick:d,css:R,children:s})},v=A.defineSlotRecipe({slots:["trigger","container","list"],base:{trigger:{width:"100%"},container:{display:"flex",gap:1.5,height:"186px",overflow:"hidden"},list:{display:"flex",flexDirection:"column",gap:1,overflowY:"auto","&::webkit-scrollbar":{display:"none"}}}}),C=({options:s,optionType:a,selectedValue:i,onClick:l,open:f=!1})=>{const d=O.useSlotRecipe({recipe:v})(),r=t.useRef(null),p=t.useRef(null);return t.useEffect(()=>{f&&p.current&&r.current&&(p.current.scrollTop=r.current?.offsetTop-p.current?.offsetTop)},[f]),n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__List","data-testid":`kibble-timepicker-${a}-list`,css:d.list,children:s.map(c=>n.jsxRuntimeExports.jsx(U,{innerRef:c===i?r:null,value:c,selected:c===i,onClick:l,"data-testid":c},`${a}-option-${c}`))})};var u=(s=>(s.AM="AM",s.PM="PM",s))(u||{});const X=({initialTime:s,inputProps:a,minuteInterval:i=5,onTimeChange:l,placement:f="bottom"})=>{const d=O.useSlotRecipe({recipe:v})(),[r,p]=t.useState(!1),[c,E]=t.useState(s),[k,j]=t.useState(),[m,M]=t.useState(),[b,S]=t.useState(),N=t.useMemo(()=>c?J.format(c,"h:mm aa"):"",[c]),y=e=>{const o=e.toString();return o.length===1?`0${o}`:o},w=t.useMemo(()=>[12,1,2,3,4,5,6,7,8,9,10,11].map(e=>e.toString()),[]),H=t.useMemo(()=>{const e=[];for(let o=0;o<60;o+=i)e.push(o);return e.map(y)},[i]),z=[u.AM,u.PM],x=t.useCallback((e,o,g)=>{const T=e||"12",D=o||"00",P=g||"AM";let _=0;e||j("12"),o||M("00"),g||S("AM"),P===u.PM&&Number(T)<12&&(_=12),P===u.AM&&Number(T)===12&&(_=-12);const $=Number(T)+_,L=new Date().setHours($,Number(D),0,0),q=new Date(L);E(q),l&&l(q)},[l]),I=t.useCallback(e=>{j(e),x(e,m,b)},[x,b,m]),V=t.useCallback(e=>{M(e),x(k,e,b)},[x,k,b]),B=t.useCallback(e=>{S(e),x(k,m,e)},[x,k,m]);return t.useEffect(()=>{if(s){const e=new Date(s),g=e.getHours()%12||12;E(s),j(g.toString()),M(e.getMinutes().toString()),S(e.getHours()>11?u.PM:u.AM)}},[s]),n.jsxRuntimeExports.jsx(Y.Popover,{open:r,onOpenChange:({open:e})=>p(e),anchor:n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Trigger","data-testid":"kibble-timepicker-trigger",css:d.trigger,children:n.jsxRuntimeExports.jsx(W.WrappedTextInput,{placeholder:"12:00 AM",rightElement:n.jsxRuntimeExports.jsx(F.Icon,{size:G.useIconTextSizeMap(a?.size||"md"),name:"clock"}),value:N,readOnly:!0,cursor:"pointer",...a,...r&&{"data-focus":"true"}})}),contentProps:{w:"max-content"},placement:f,children:n.jsxRuntimeExports.jsxs(h.Box,{className:"TimePicker__Container","data-testid":"kibble-timepicker-container",css:d.container,children:[n.jsxRuntimeExports.jsx(C,{options:w,optionType:"hour",selectedValue:k,onClick:I,open:r}),n.jsxRuntimeExports.jsx(C,{options:H,optionType:"minute",selectedValue:m?y(m):void 0,onClick:V,open:r}),n.jsxRuntimeExports.jsx(C,{options:z,optionType:"meridiem",selectedValue:b,onClick:B,open:r})]})})};exports.Meridiem=u;exports.TimePicker=X;
-//# sourceMappingURL=timePicker.component-DYNS0LFK.js.map
+"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),t=require("react"),W=require("./textInput.component-o3OfBL3Y.js"),Y=require("./popover.component--S78uxTR.js"),F=require("./icon.component-C0e0UGBw.js"),G=require("./useIconTextSizeMap-BXmABb54.js"),J=require("./format-BRt-TIiQ.js"),A=require("./config-BFcXpdZo.js"),K=require("./use-recipe-DaPWl_pL.js"),h=require("./box-Baq7UBls.js"),O=require("./use-slot-recipe-8liupslO.js"),Q=A.defineRecipe({base:{borderRadius:"4px",cursor:"pointer",fontSize:"sm",px:3,py:1,textAlign:"center"},variants:{selected:{true:{background:"background.secondary",color:"text.contrast",_hover:{background:"background.secondary.hover"}},false:{background:"background",color:"text.subtle",_hover:{background:"background.secondaryAlpha.hover"}}}},defaultVariants:{selected:!1}}),U=({value:s,innerRef:a,onClick:i,selected:l})=>{const R=K.useRecipe({recipe:Q})({selected:l}),d=t.useCallback(r=>{const p=r.currentTarget.textContent||"";i(p)},[i]);return n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Option","data-testid":"kibble-timepicker-option",ref:a,onClick:d,css:R,children:s})},v=A.defineSlotRecipe({slots:["trigger","container","list"],base:{trigger:{width:"100%"},container:{display:"flex",gap:1.5,height:"186px",overflow:"hidden"},list:{display:"flex",flexDirection:"column",gap:1,overflowY:"auto","&::webkit-scrollbar":{display:"none"}}}}),C=({options:s,optionType:a,selectedValue:i,onClick:l,open:f=!1})=>{const d=O.useSlotRecipe({recipe:v})(),r=t.useRef(null),p=t.useRef(null);return t.useEffect(()=>{f&&p.current&&r.current&&(p.current.scrollTop=r.current?.offsetTop-p.current?.offsetTop)},[f]),n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__List","data-testid":`kibble-timepicker-${a}-list`,css:d.list,children:s.map(c=>n.jsxRuntimeExports.jsx(U,{innerRef:c===i?r:null,value:c,selected:c===i,onClick:l,"data-testid":c},`${a}-option-${c}`))})};var u=(s=>(s.AM="AM",s.PM="PM",s))(u||{});const X=({initialTime:s,inputProps:a,minuteInterval:i=5,onTimeChange:l,placement:f="bottom"})=>{const d=O.useSlotRecipe({recipe:v})(),[r,p]=t.useState(!1),[c,E]=t.useState(s),[k,j]=t.useState(),[m,M]=t.useState(),[b,S]=t.useState(),N=t.useMemo(()=>c?J.format(c,"h:mm aa"):"",[c]),y=e=>{const o=e.toString();return o.length===1?`0${o}`:o},w=t.useMemo(()=>[12,1,2,3,4,5,6,7,8,9,10,11].map(e=>e.toString()),[]),H=t.useMemo(()=>{const e=[];for(let o=0;o<60;o+=i)e.push(o);return e.map(y)},[i]),z=[u.AM,u.PM],x=t.useCallback((e,o,g)=>{const T=e||"12",D=o||"00",P=g||"AM";let _=0;e||j("12"),o||M("00"),g||S("AM"),P===u.PM&&Number(T)<12&&(_=12),P===u.AM&&Number(T)===12&&(_=-12);const $=Number(T)+_,L=new Date().setHours($,Number(D),0,0),q=new Date(L);E(q),l&&l(q)},[l]),I=t.useCallback(e=>{j(e),x(e,m,b)},[x,b,m]),V=t.useCallback(e=>{M(e),x(k,e,b)},[x,k,b]),B=t.useCallback(e=>{S(e),x(k,m,e)},[x,k,m]);return t.useEffect(()=>{if(s){const e=new Date(s),g=e.getHours()%12||12;E(s),j(g.toString()),M(e.getMinutes().toString()),S(e.getHours()>11?u.PM:u.AM)}},[s]),n.jsxRuntimeExports.jsx(Y.Popover,{open:r,onOpenChange:({open:e})=>p(e),anchor:n.jsxRuntimeExports.jsx(h.Box,{className:"TimePicker__Trigger","data-testid":"kibble-timepicker-trigger",css:d.trigger,children:n.jsxRuntimeExports.jsx(W.WrappedTextInput,{placeholder:"12:00 AM",rightElement:n.jsxRuntimeExports.jsx(F.Icon,{size:G.useIconTextSizeMap(a?.size||"md"),name:"clock"}),value:N,readOnly:!0,cursor:"pointer",...a,...r&&{"data-focus":"true"}})}),contentProps:{w:"max-content"},placement:f,children:n.jsxRuntimeExports.jsxs(h.Box,{className:"TimePicker__Container","data-testid":"kibble-timepicker-container",css:d.container,children:[n.jsxRuntimeExports.jsx(C,{options:w,optionType:"hour",selectedValue:k,onClick:I,open:r}),n.jsxRuntimeExports.jsx(C,{options:H,optionType:"minute",selectedValue:m?y(m):void 0,onClick:V,open:r}),n.jsxRuntimeExports.jsx(C,{options:z,optionType:"meridiem",selectedValue:b,onClick:B,open:r})]})})};exports.Meridiem=u;exports.TimePicker=X;
+//# sourceMappingURL=timePicker.component-C2BJyTLE.js.map