npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.94 → 4.0.0-beta.96 - Mend

@televet/kibble-ui 4.0.0-beta.94 → 4.0.0-beta.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/dist/chunks/{popover.component-CDvn34mM.js → popover.component-BnIYkGYM.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"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-CY55RWpS.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-CDvn34mM.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-CY55RWpS.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-BnIYkGYM.js.map

package/dist/chunks/{popover.component-CDvn34mM.js.map → popover.component-BnIYkGYM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.component-CDvn34mM.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":"68CAIMA,EAASC,EAAM,OAAC,MAAO,CAC3B,KAAM,CACJ,KAAM,EACN,YAAa,UACb,UAAW,SACf,CACA,CAAC,EACDD,EAAO,YAAc,SCWd,MAAME,EAAgB,CAAC,CAC5B,SAAAC,EACA,MAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,QAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EACA,GAAGC,CACL,IAAqD,CAEnD,MAAMC,EADSC,EAAA,cAAc,CAAE,OAAQC,gBAAe,EAChC,EAChB,CAAE,QAAAC,CAAQ,EAEdL,IAAY,QAAUM,EAAoB,oBAAA,EAAIC,EAAkB,kBAAA,EAGhE,OAAAC,EAAA,kBAAA,KAACC,EAAK,KAAA,CAAA,UAAU,yBAAyB,cAAY,gCAAgC,IAAKP,EAAO,OAAS,GAAGD,EAC1G,SAAA,CAAA,OAAOP,GAAa,SACnBgB,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,UAAU,kBACV,cAAY,wBACZ,KAAAZ,EACA,MAAOJ,GAAS,UAChB,EAAE,OAED,SAAAD,CAAA,CAAA,EAGHA,EAED,CAACE,GAAmBI,IAAY,SAC/BU,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,UAAU,uBACV,cAAY,8BACZ,QAAQ,eACR,WAAAf,EACA,QAASC,IAAoB,IAAYO,EAAQ,EAAK,GACtD,SAAS,QACT,SAAS,WACT,MAAO,EACP,IAAK,EACL,KAAK,IAAA,CAAA,CACP,EAEJ,CAEJ,EC1CaQ,EAAgB,CAAC,CAC5B,SAAAnB,EACA,SAAAoB,EACA,YAAAC,EAAc,GACd,iBAAAC,EAAmB,GACnB,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAtB,EAAa,GACb,SAAAuB,EACA,WAAAC,EAAa,SACb,QAAArB,EACA,GAAGC,CACL,IAAqD,CAEnD,MAAMC,EADSC,EAAA,cAAc,CAAE,OAAQC,gBAAe,EAChC,EAChB,CAAE,QAAAC,CAAQ,EAEdL,IAAY,QAAUM,EAAoB,oBAAA,EAAIC,EAAkB,kBAAA,EAE5De,EAAe,IAAY,CAC3BH,GACOA,EAAA,EAEXd,EAAQ,EAAK,CACf,EAGE,OAAAG,EAAA,kBAAA,KAACC,EAAK,KAAA,CAAA,UAAU,kBAAkB,cAAY,wBAAwB,IAAKP,EAAO,OAAS,GAAGD,EAC3F,SAAA,CAAAP,EACA,CAACqB,GACCP,EAAAA,kBAAAA,KAAAC,EAAAA,KAAA,CAAK,EAAE,OACL,SAAA,CAAC,CAAAO,GACCN,EAAA,kBAAA,IAAAE,EAAA,OAAA,CAAO,QAAQ,WAAW,WAAAf,EAAwB,KAAK,KAAK,QAASyB,EAAc,SAEpF,QAAA,CAAA,0BAED/B,EAAO,EAAA,EACRmB,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,QAASQ,EACT,QAAAF,EACA,SAAAJ,EACA,KAAK,KACL,WAAAjB,EACA,QAASoB,EAAc,qBAAuB,UAE7C,SAAAI,CAAA,CAAA,CACH,CACF,CAAA,CAAA,EAEJ,CAEJ,ECzCaE,EAAU,CAAC,CACtB,YAAAC,EAAc,GACd,OAAAC,EACA,SAAA/B,EACA,aAAAgC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAd,EAAW,GACX,UAAAe,EAAY,GACZ,UAAAC,EAAY,SACZ,YAAAC,EACA,KAAAhC,EAAO,KACP,QAAAC,EAAU,QACV,QAAAgC,EAAU,UACV,GAAG/B,CACL,IAAqC,CAC7B,MAAAgC,EAAaC,SAAuB,IAAK,EACzCC,EAAe,CAAE,WAAAF,CAAW,EAC5BG,EAAUpC,IAAY,QAAUqC,EAAYC,EAE5CpC,EADSC,EAAA,cAAc,CAAE,OAAQC,gBAAe,EAChC,CAAE,QAAA4B,EAAS,KAAAjC,EAAM,EAEvC,GAAIe,EAAiB,OAAAW,EAEf,MAAA5B,EAAamC,IAAY,YAAcA,IAAY,sBAGvD,OAAAxB,EAAA,kBAAA,KAAC4B,EAAQ,KAAR,CACC,KAAM,GACN,cAAeZ,EACf,uBAAwBA,EACxB,YAAa,CACX,GAAGO,EACH,UAAWA,GAAa,WAAaD,CACvC,EACC,GAAG7B,EAEJ,SAAA,CAACS,EAAAA,kBAAAA,IAAA0B,EAAQ,QAAR,CAAgB,QAAO,GAAC,UAAU,mBAAmB,cAAY,yBAC/D,SACHX,CAAA,CAAA,0BACCc,EAAAA,OAAO,CAAA,SAAU,CAACV,EACjB,SAAAnB,wBAAC0B,EAAQ,WAAR,CAAmB,UAAU,UAAU,cAAY,iBAClD,SAAA1B,wBAAC8B,EAAAA,cAAc,SAAd,CAAuB,MAAOL,EAC7B,SAAA3B,EAAA,kBAAA,KAAC4B,EAAQ,QAAR,CACC,UAAU,mBACV,cAAY,yBACZ,IAAKH,EACJ,GAAGP,EACJ,IAAKxB,EAAO,QAEZ,SAAA,CAAAQ,wBAAC0B,EAAQ,MAAR,CAAc,UAAU,iBAAiB,cAAY,uBAAuB,IAAKlC,EAAO,MACvF,iCAACkC,EAAQ,SAAR,CAAiB,IAAKlC,EAAO,QAAU,CAAA,EAC1C,EACC0B,GAAgBlB,EAAA,kBAAA,IAAAjB,EAAA,CAAc,QAAAO,EAAkB,WAAAH,EAAyB,GAAG+B,EAAa,EAC1FlB,EAAAA,kBAAAA,IAAC+B,OAAI,UAAU,gBAAgB,cAAY,sBAAsB,IAAKvC,EAAO,KAC1E,SAAO,OAAAR,GAAa,SAClBgB,EAAAA,kBAAAA,IAAAgC,EAAA,YAAA,CAAK,QAAS7C,EAAa,aAAe,UAAW,KAAK,KACxD,SAAAH,EACH,EAEAA,CAEJ,CAAA,EACCiC,GACCjB,EAAA,kBAAA,IAACG,EAAA,CACC,QAAAb,EACA,YAAagC,IAAY,uBAAyBA,IAAY,qBAC9D,WAAAnC,EACC,GAAG8B,CAAA,CAAA,CACN,CAAA,CAAA,CAGN,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAEJ","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"popover.component-BnIYkGYM.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]}

package/dist/chunks/{popover.component-DBDBFljk.js → popover.component-UkDDe5Dh.js} RENAMED Viewed

@@ -153,7 +153,6 @@ const ne = ({
   return /* @__PURE__ */ e.jsxs(
     l.Root,
     {
-      open: !0,
       closeOnEscape: o,
       closeOnInteractOutside: o,
       positioning: {
@@ -194,4 +193,4 @@ const ne = ({
 export {
   Te as P
 };
-//# sourceMappingURL=popover.component-DBDBFljk.js.map
+//# sourceMappingURL=popover.component-UkDDe5Dh.js.map

package/dist/chunks/{popover.component-DBDBFljk.js.map → popover.component-UkDDe5Dh.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.component-DBDBFljk.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]}
1	+ {"version":3,"file":"popover.component-UkDDe5Dh.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]}

package/dist/chunks/theme-BFbOz0Jj.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e="kibble-theme";exports.colorModeThemeKey=e;
2	+ //# sourceMappingURL=theme-BFbOz0Jj.js.map

package/dist/chunks/theme-BFbOz0Jj.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"theme-BFbOz0Jj.js","sources":["../../src/shared/types/theme.ts"],"sourcesContent":["export type ColorMode = 'light' \| 'dark';\n\nexport const colorModeThemeKey = 'kibble-theme';\n"],"names":["colorModeThemeKey"],"mappings":"aAEO,MAAMA,EAAoB"}

package/dist/chunks/theme-BOK659O0.js ADDED Viewed

@@ -0,0 +1,5 @@
+const e = "kibble-theme";
+export {
+  e as c
+};
+//# sourceMappingURL=theme-BOK659O0.js.map

package/dist/chunks/theme-BOK659O0.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"theme-BOK659O0.js","sources":["../../src/shared/types/theme.ts"],"sourcesContent":["export type ColorMode = 'light' \| 'dark';\n\nexport const colorModeThemeKey = 'kibble-theme';\n"],"names":["colorModeThemeKey"],"mappings":"AAEO,MAAMA,IAAoB;"}