@televet/kibble-ui 4.0.0-beta.77 → 4.0.0-beta.78

package/dist/chunks/{popover-root-provider-DAMDDAHQ.js.map → popover-root-provider-C2iwUZJn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-root-provider-DAMDDAHQ.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/use-popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-close-trigger.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-content.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/use-popover.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root-provider.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [PopoverProvider, usePopoverContext] = createContext({\n  name: \"PopoverContext\",\n  hookName: \"usePopoverContext\",\n  providerName: \"<PopoverProvider />\"\n});\n\nexport { PopoverProvider, usePopoverContext };\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 PopoverCloseTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getCloseTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverCloseTrigger.displayName = \"PopoverCloseTrigger\";\n\nexport { PopoverCloseTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContent = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n","'use client';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContext = (props) => props.children(usePopoverContext());\n\nexport { PopoverContext };\n","'use client';\nimport * as popover from '@zag-js/popover';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst usePopover = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(popover.machine, machineProps);\n  return popover.connect(service, normalizeProps);\n};\n\nexport { usePopover };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { usePopover } from './use-popover.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const popover = usePopover(localProps);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRootProvider = (props) => {\n  const [presenceProps, { value: popover, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRootProvider };\n"],"names":["PopoverProvider","usePopoverContext","createContext","PopoverCloseTrigger","forwardRef","props","ref","popover","mergedProps","mergeProps","jsx","ark","PopoverContent","presence","usePresenceContext","composeRefs","PopoverContext","usePopover","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","popover.machine","popover.connect","normalizeProps","PopoverRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","PopoverRootProvider"],"mappings":"6LAGM,CAACA,EAAiBC,CAAiB,EAAIC,gBAAc,CACzD,KAAM,iBACN,SAAU,oBACV,aAAc,qBAChB,CAAC,ECAKC,EAAsBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACrD,MAAMC,EAAUN,EAAmB,EAC7BO,EAAcC,EAAU,WAACF,EAAQ,qBAAoB,EAAIF,CAAK,EACpE,OAAuBK,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,OAAQ,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAChE,CAAC,EACDH,EAAoB,YAAc,sBCH7B,MAACS,EAAiBR,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,MAAMC,EAAUN,EAAmB,EAC7BY,EAAWC,EAAAA,mBAAoB,EAC/BN,EAAcC,EAAU,WAACF,EAAQ,gBAAiB,EAAEM,EAAS,iBAAkB,EAAER,CAAK,EAC5F,OAAIQ,EAAS,UACJ,KAEcH,wBAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAKO,EAAAA,YAAYF,EAAS,IAAKP,CAAG,CAAC,CAAE,CAC7F,CAAC,EACDM,EAAe,YAAc,iBCfxB,MAACI,EAAkBX,GAAUA,EAAM,SAASJ,EAAmB,CAAA,ECI9DgB,EAAcZ,GAAU,CAC5B,MAAMa,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5BC,EAAe,CACnB,GAAAN,EACA,IAAAI,EACA,YAAAF,EACA,GAAGf,CACJ,EACKoB,EAAUC,EAAAA,WAAWC,EAAe,QAAEH,CAAY,EACxD,OAAOI,EAAe,QAACH,EAASI,gBAAc,CAChD,ECVMC,EAAezB,GAAU,CAC7B,KAAM,CAAC0B,EAAe,CAAE,SAAAC,EAAU,GAAGC,EAAY,EAAIC,EAAkB,mBAAC7B,CAAK,EACvEE,EAAUU,EAAWgB,CAAU,EAC/BpB,EAAWsB,EAAW,YAAC1B,aAAW,CAAE,QAASF,EAAQ,MAAQwB,CAAa,CAAC,EACjF,OAAuBrB,EAAG,kBAAA,IAACV,EAAiB,CAAE,MAAOO,EAAS,SAA0BG,wBAAI0B,EAAAA,iBAAkB,CAAE,MAAOvB,EAAU,SAAAmB,CAAQ,CAAE,CAAC,CAAE,CAChJ,ECNMK,EAAuBhC,GAAU,CACrC,KAAM,CAAC0B,EAAe,CAAE,MAAOxB,EAAS,SAAAyB,EAAU,EAAIE,EAAkB,mBAAC7B,CAAK,EACxEQ,EAAWsB,EAAW,YAAC1B,aAAW,CAAE,QAASF,EAAQ,MAAQwB,CAAa,CAAC,EACjF,OAAuBrB,EAAG,kBAAA,IAACV,EAAiB,CAAE,MAAOO,EAAS,SAA0BG,wBAAI0B,EAAAA,iBAAkB,CAAE,MAAOvB,EAAU,SAAAmB,CAAQ,CAAE,CAAC,CAAE,CAChJ","x_google_ignoreList":[0,1,2,3,4,5,6]}
+{"version":3,"file":"popover-root-provider-C2iwUZJn.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/use-popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-close-trigger.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-content.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/use-popover.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root-provider.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [PopoverProvider, usePopoverContext] = createContext({\n  name: \"PopoverContext\",\n  hookName: \"usePopoverContext\",\n  providerName: \"<PopoverProvider />\"\n});\n\nexport { PopoverProvider, usePopoverContext };\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 PopoverCloseTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getCloseTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverCloseTrigger.displayName = \"PopoverCloseTrigger\";\n\nexport { PopoverCloseTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContent = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n","'use client';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContext = (props) => props.children(usePopoverContext());\n\nexport { PopoverContext };\n","'use client';\nimport * as popover from '@zag-js/popover';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst usePopover = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(popover.machine, machineProps);\n  return popover.connect(service, normalizeProps);\n};\n\nexport { usePopover };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { usePopover } from './use-popover.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const popover = usePopover(localProps);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRootProvider = (props) => {\n  const [presenceProps, { value: popover, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRootProvider };\n"],"names":["PopoverProvider","usePopoverContext","createContext","PopoverCloseTrigger","forwardRef","props","ref","popover","mergedProps","mergeProps","jsx","ark","PopoverContent","presence","usePresenceContext","composeRefs","PopoverContext","usePopover","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","popover.machine","popover.connect","normalizeProps","PopoverRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","PopoverRootProvider"],"mappings":"6LAGM,CAACA,EAAiBC,CAAiB,EAAIC,gBAAc,CACzD,KAAM,iBACN,SAAU,oBACV,aAAc,qBAChB,CAAC,ECAKC,EAAsBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACrD,MAAMC,EAAUN,EAAmB,EAC7BO,EAAcC,EAAU,WAACF,EAAQ,qBAAoB,EAAIF,CAAK,EACpE,OAAuBK,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,OAAQ,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAChE,CAAC,EACDH,EAAoB,YAAc,sBCH7B,MAACS,EAAiBR,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,MAAMC,EAAUN,EAAmB,EAC7BY,EAAWC,EAAAA,mBAAoB,EAC/BN,EAAcC,EAAU,WAACF,EAAQ,gBAAiB,EAAEM,EAAS,iBAAkB,EAAER,CAAK,EAC5F,OAAIQ,EAAS,UACJ,KAEcH,wBAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAKO,EAAAA,YAAYF,EAAS,IAAKP,CAAG,CAAC,CAAE,CAC7F,CAAC,EACDM,EAAe,YAAc,iBCfxB,MAACI,EAAkBX,GAAUA,EAAM,SAASJ,EAAmB,CAAA,ECI9DgB,EAAcZ,GAAU,CAC5B,MAAMa,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5BC,EAAe,CACnB,GAAAN,EACA,IAAAI,EACA,YAAAF,EACA,GAAGf,CACJ,EACKoB,EAAUC,EAAAA,WAAWC,EAAe,QAAEH,CAAY,EACxD,OAAOI,EAAe,QAACH,EAASI,gBAAc,CAChD,ECVMC,EAAezB,GAAU,CAC7B,KAAM,CAAC0B,EAAe,CAAE,SAAAC,EAAU,GAAGC,EAAY,EAAIC,EAAkB,mBAAC7B,CAAK,EACvEE,EAAUU,EAAWgB,CAAU,EAC/BpB,EAAWsB,EAAW,YAAC1B,aAAW,CAAE,QAASF,EAAQ,MAAQwB,CAAa,CAAC,EACjF,OAAuBrB,EAAG,kBAAA,IAACV,EAAiB,CAAE,MAAOO,EAAS,SAA0BG,wBAAI0B,EAAAA,iBAAkB,CAAE,MAAOvB,EAAU,SAAAmB,CAAQ,CAAE,CAAC,CAAE,CAChJ,ECNMK,EAAuBhC,GAAU,CACrC,KAAM,CAAC0B,EAAe,CAAE,MAAOxB,EAAS,SAAAyB,EAAU,EAAIE,EAAkB,mBAAC7B,CAAK,EACxEQ,EAAWsB,EAAW,YAAC1B,aAAW,CAAE,QAASF,EAAQ,MAAQwB,CAAa,CAAC,EACjF,OAAuBrB,EAAG,kBAAA,IAACV,EAAiB,CAAE,MAAOO,EAAS,SAA0BG,wBAAI0B,EAAAA,iBAAkB,CAAE,MAAOvB,EAAU,SAAAmB,CAAQ,CAAE,CAAC,CAAE,CAChJ","x_google_ignoreList":[0,1,2,3,4,5,6]}

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

@@ -0,0 +1,2 @@
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),E=require("react"),e=require("./popover-BSBYgvs4.js"),r=require("./withTruncation-B-Hma82m.js"),S=require("./heading.component-B5fvHRUH.js"),j=require("./button.component-Dd9AfGox.js"),H=require("./config-BFcXpdZo.js"),R=require("./use-slot-recipe-8liupslO.js"),T=require("./popover-root-provider-C2iwUZJn.js"),C=require("./flex-D14H6HbP.js"),q=require("./factory-D6tdBUPG.js"),A=require("./use-locale-context-D0LByRu9.js"),N=require("./box-Baq7UBls.js"),z=t=>t&&t.__esModule?t:{default:t},B=z(E),D=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"})),y=q.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});y.displayName="Spacer";const F=["root","content","arrow","arrowTip","body","header","footer","trigger"],W={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},M={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"}}},w=H.defineSlotRecipe({slots:F,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:M},defaultVariants:{size:"sm",variant:"default"}}),I=({children:t,color:l,hideCloseButton:c=!1,onContrast:p=!0,onClose:s,size:u="sm",trigger:n,...i})=>{const v=R.useSlotRecipe({recipe:w})(),{setOpen:x}=n==="hover"?r.useHoverCardContext():T.usePopoverContext();return o.jsxRuntimeExports.jsxs(C.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:v.header,...i,children:[o.jsxRuntimeExports.jsx(S.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:u,color:l||"inherit",children:t}),!c&&o.jsxRuntimeExports.jsx(j.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:p,onClick:s||(()=>x(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},V=({children:t,disabled:l,hideButtons:c=!1,hideCancelButton:p=!1,destructive:s,loading:u,onCancel:n,onContrast:i=!0,onSubmit:P,submitText:v="Submit",trigger:x,...m})=>{const b=R.useSlotRecipe({recipe:w})(),{setOpen:a}=x==="hover"?r.useHoverCardContext():T.usePopoverContext(),h=()=>{n&&n(),a(!1)};return o.jsxRuntimeExports.jsxs(C.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:b.footer,...m,children:[t,!c&&o.jsxRuntimeExports.jsxs(C.Flex,{w:"100%",children:[!p&&o.jsxRuntimeExports.jsx(j.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),o.jsxRuntimeExports.jsx(y,{}),o.jsxRuntimeExports.jsx(j.Button,{onClick:P,loading:u,disabled:l,size:"sm",onContrast:i,variant:s?"primaryDestructive":"primary",children:v})]})]})},k=B.default.forwardRef((t,l)=>{const{allowEscape:c=!0,anchor:p,children:s,contentProps:u,footerProps:n,headerProps:i,disabled:P=!1,portalled:v=!0,placement:x="bottom",positioning:m,size:_="sm",trigger:b="click",variant:a="default",...h}=t,d=b==="hover"?D:O,g=R.useSlotRecipe({recipe:w})({variant:a,size:_});if(P)return p;const f=a==="contrast"||a==="contrastDestructive";return o.jsxRuntimeExports.jsxs(d.Root,{closeOnEscape:c,closeOnInteractOutside:c,positioning:{...m,placement:m?.placement||x},...h,children:[o.jsxRuntimeExports.jsx(d.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":"kibble-popover-trigger",children:p}),o.jsxRuntimeExports.jsx(A.Portal,{disabled:!v,children:o.jsxRuntimeExports.jsx(d.Positioner,{className:"Popover","data-testid":"kibble-popover",children:o.jsxRuntimeExports.jsxs(d.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:l,...u,css:g.content,children:[o.jsxRuntimeExports.jsx(d.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",css:g.arrow,children:o.jsxRuntimeExports.jsx(d.ArrowTip,{css:g.arrowTip})}),i&&o.jsxRuntimeExports.jsx(I,{trigger:b,onContrast:f,...i}),o.jsxRuntimeExports.jsx(N.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:g.body,children:typeof s=="string"?o.jsxRuntimeExports.jsx(r.WrappedText,{variant:f?"onContrast":"default",size:"sm",children:s}):s}),n&&o.jsxRuntimeExports.jsx(V,{trigger:b,destructive:a==="contrastDestructive"||a==="defaultDestructive",onContrast:f,...n})]})})})]})});k.displayName="Popover";exports.Popover=k;
+//# sourceMappingURL=popover.component-BxwHgQIv.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-BxwHgQIv.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/popover.recipe.ts","../../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 {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\"\n  | \"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","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (disabled) return anchor;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        {...rest}\n      >\n        <Element.Trigger\n          asChild\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n                css={styles.arrow}\n              >\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  }\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,386 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import k from "react";
+import { P as H, a as R, b as S, c as A, d as N, e as z, f as B, g as O, h as D, i as W, j as F, k as E, l as I, m as M, n as V, o as $, u as q } from "./popover-DNKVYG-J.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 T, W as oo } from "./withTruncation-BRHPZgp1.js";
+import { W as ro } from "./heading.component-tEOV4AD0.js";
+import { B as h } from "./button.component-BpF3MzbZ.js";
+import { a as eo } from "./config-DlTdf-Yt.js";
+import { u as C } from "./use-slot-recipe-DhtQ1j_5.js";
+import { u as _ } from "./popover-root-provider-BErev2-N.js";
+import { F as x } from "./flex-smlF8uQG.js";
+import { c as to } from "./factory-Ctbv0Ozn.js";
+import { P as so } from "./use-locale-context-BiiNTYMT.js";
+import { B as ao } from "./box-Ck9I7FYv.js";
+const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: G,
+  ArrowTip: J,
+  Content: K,
+  Context: L,
+  Positioner: Q,
+  PropsProvider: U,
+  Root: X,
+  RootProvider: Y,
+  Trigger: Z
+}, Symbol.toStringTag, { value: "Module" })), no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Anchor: H,
+  Arrow: R,
+  ArrowTip: S,
+  Body: A,
+  CloseTrigger: N,
+  Content: z,
+  Context: B,
+  Description: O,
+  Footer: D,
+  Header: W,
+  Positioner: F,
+  PropsProvider: E,
+  Root: I,
+  RootProvider: M,
+  Title: V,
+  Trigger: $,
+  usePopoverStyles: q
+}, Symbol.toStringTag, { value: "Module" })), y = to("div", {
+  base: {
+    flex: 1,
+    justifySelf: "stretch",
+    alignSelf: "stretch"
+  }
+});
+y.displayName = "Spacer";
+const po = [
+  "root",
+  "content",
+  "arrow",
+  "arrowTip",
+  "body",
+  "header",
+  "footer",
+  "trigger"
+], co = {
+  xs: {
+    content: {
+      width: 160
+    }
+  },
+  sm: {
+    content: {
+      width: 200
+    }
+  },
+  md: {
+    content: {
+      width: 260
+    }
+  },
+  lg: {
+    content: {
+      width: 320
+    }
+  },
+  xl: {
+    content: {
+      width: 480
+    }
+  }
+}, lo = {
+  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"
+    }
+  }
+}, w = eo({
+  slots: po,
+  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: co,
+    variant: lo
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "default"
+  }
+}), vo = ({
+  children: p,
+  color: c,
+  hideCloseButton: a = !1,
+  onContrast: i = !0,
+  onClose: r,
+  size: d = "sm",
+  trigger: e,
+  ...t
+}) => {
+  const l = C({ recipe: w })(), { setOpen: v } = (
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    e === "hover" ? T() : _()
+  );
+  return /* @__PURE__ */ o.jsxs(
+    x,
+    {
+      className: "Popover__HeaderWrapper",
+      "data-testid": "kibble-popover-header-wrapper",
+      css: l.header,
+      ...t,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          ro,
+          {
+            className: "Popover__Header",
+            "data-testid": "kibble-popover-header",
+            size: d,
+            color: c || "inherit",
+            children: p
+          }
+        ),
+        !a && /* @__PURE__ */ o.jsx(
+          h,
+          {
+            className: "Popover__CloseButton",
+            "data-testid": "kibble-popover-close-button",
+            variant: "ghostNeutral",
+            onContrast: i,
+            onClick: r || (() => v(!1)),
+            iconName: "close",
+            position: "absolute",
+            right: 1,
+            top: 1,
+            size: "xs"
+          }
+        )
+      ]
+    }
+  );
+}, bo = ({
+  children: p,
+  disabled: c,
+  hideButtons: a = !1,
+  hideCancelButton: i = !1,
+  destructive: r,
+  loading: d,
+  onCancel: e,
+  onContrast: t = !0,
+  onSubmit: u,
+  submitText: l = "Submit",
+  trigger: v,
+  ...m
+}) => {
+  const b = C({ recipe: w })(), { setOpen: s } = (
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    v === "hover" ? T() : _()
+  ), f = () => {
+    e && e(), s(!1);
+  };
+  return /* @__PURE__ */ o.jsxs(
+    x,
+    {
+      className: "Popover__Footer",
+      "data-testid": "kibble-popover-footer",
+      css: b.footer,
+      ...m,
+      children: [
+        p,
+        !a && /* @__PURE__ */ o.jsxs(x, { w: "100%", children: [
+          !i && /* @__PURE__ */ o.jsx(
+            h,
+            {
+              variant: "tertiary",
+              onContrast: t,
+              size: "sm",
+              onClick: f,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ o.jsx(y, {}),
+          /* @__PURE__ */ o.jsx(
+            h,
+            {
+              onClick: u,
+              loading: d,
+              disabled: c,
+              size: "sm",
+              onContrast: t,
+              variant: r ? "primaryDestructive" : "primary",
+              children: l
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, uo = k.forwardRef(
+  (p, c) => {
+    const {
+      allowEscape: a = !0,
+      anchor: i,
+      children: r,
+      contentProps: d,
+      footerProps: e,
+      headerProps: t,
+      disabled: u = !1,
+      portalled: l = !0,
+      placement: v = "bottom",
+      positioning: m,
+      size: j = "sm",
+      trigger: b = "click",
+      variant: s = "default",
+      ...f
+    } = p, n = b === "hover" ? io : no, P = C({ recipe: w })({ variant: s, size: j });
+    if (u) return i;
+    const g = s === "contrast" || s === "contrastDestructive";
+    return /* @__PURE__ */ o.jsxs(
+      n.Root,
+      {
+        closeOnEscape: a,
+        closeOnInteractOutside: a,
+        positioning: {
+          ...m,
+          placement: m?.placement || v
+        },
+        ...f,
+        children: [
+          /* @__PURE__ */ o.jsx(
+            n.Trigger,
+            {
+              asChild: !0,
+              className: "Popover__Trigger",
+              "data-testid": "kibble-popover-trigger",
+              children: i
+            }
+          ),
+          /* @__PURE__ */ o.jsx(so, { disabled: !l, children: /* @__PURE__ */ o.jsx(n.Positioner, { className: "Popover", "data-testid": "kibble-popover", children: /* @__PURE__ */ o.jsxs(
+            n.Content,
+            {
+              className: "Popover__Content",
+              "data-testid": "kibble-popover-content",
+              ref: c,
+              ...d,
+              css: P.content,
+              children: [
+                /* @__PURE__ */ o.jsx(
+                  n.Arrow,
+                  {
+                    className: "Popover__Arrow",
+                    "data-testid": "kibble-popover-arrow",
+                    css: P.arrow,
+                    children: /* @__PURE__ */ o.jsx(n.ArrowTip, { css: P.arrowTip })
+                  }
+                ),
+                t && /* @__PURE__ */ o.jsx(
+                  vo,
+                  {
+                    trigger: b,
+                    onContrast: g,
+                    ...t
+                  }
+                ),
+                /* @__PURE__ */ o.jsx(
+                  ao,
+                  {
+                    className: "Popover__Body",
+                    "data-testid": "kibble-popover-body",
+                    css: P.body,
+                    children: typeof r == "string" ? /* @__PURE__ */ o.jsx(
+                      oo,
+                      {
+                        variant: g ? "onContrast" : "default",
+                        size: "sm",
+                        children: r
+                      }
+                    ) : r
+                  }
+                ),
+                e && /* @__PURE__ */ o.jsx(
+                  bo,
+                  {
+                    trigger: b,
+                    destructive: s === "contrastDestructive" || s === "defaultDestructive",
+                    onContrast: g,
+                    ...e
+                  }
+                )
+              ]
+            }
+          ) }) })
+        ]
+      }
+    );
+  }
+);
+uo.displayName = "Popover";
+export {
+  uo as P
+};
+//# sourceMappingURL=popover.component-CVGKw2zy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-CVGKw2zy.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/popover.recipe.ts","../../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 {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\"\n  | \"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","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (disabled) return anchor;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        {...rest}\n      >\n        <Element.Trigger\n          asChild\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n                css={styles.arrow}\n              >\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  }\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{radio.records-LkbGZcNW.js → radio.records-4ih1q8nO.js}

@@ -1,6 +1,6 @@
-import { c as C, y as k, z as R, E as F, F as D, B as A, d as s, b as $, v as P, i as _, x as w } from "./index-Czx27hGN.js";
-import { t as O, i as H } from "./withTruncation-DcoulzNi.js";
-import { b } from "./use-locale-context-KeBTTMq9.js";
+import { c as C, z as k, A as R, J as F, K as D, C as A, d as s, b as $, w, i as P, y as _ } from "./index-YtNA0Ueo.js";
+import { t as O, i as H } from "./index-Bz8HDeWA.js";
+import { b } from "./use-locale-context-BiiNTYMT.js";
 var L = $("radio-group").parts(
   "root",
   "label",
@@ -8,18 +8,18 @@ var L = $("radio-group").parts(
   "itemText",
   "itemControl",
   "indicator"
-), c = L.build(), g = (e) => e.ids?.root ?? `radio-group:${e.id}`, I = (e) => e.ids?.label ?? `radio-group:${e.id}:label`, T = (e, t) => e.ids?.item?.(t) ?? `radio-group:${e.id}:radio:${t}`, p = (e, t) => e.ids?.itemHiddenInput?.(t) ?? `radio-group:${e.id}:radio:input:${t}`, U = (e, t) => e.ids?.itemControl?.(t) ?? `radio-group:${e.id}:radio:control:${t}`, B = (e, t) => e.ids?.itemLabel?.(t) ?? `radio-group:${e.id}:radio:label:${t}`, S = (e) => e.ids?.indicator ?? `radio-group:${e.id}:indicator`, m = (e) => e.getById(g(e)), q = (e, t) => e.getById(p(e, t)), M = (e) => e.getById(S(e)), K = (e) => m(e)?.querySelector("input:not(:disabled)"), N = (e) => m(e)?.querySelector("input:not(:disabled):checked"), V = (e) => {
+), c = L.build(), g = (e) => e.ids?.root ?? `radio-group:${e.id}`, I = (e) => e.ids?.label ?? `radio-group:${e.id}:label`, T = (e, t) => e.ids?.item?.(t) ?? `radio-group:${e.id}:radio:${t}`, p = (e, t) => e.ids?.itemHiddenInput?.(t) ?? `radio-group:${e.id}:radio:input:${t}`, U = (e, t) => e.ids?.itemControl?.(t) ?? `radio-group:${e.id}:radio:control:${t}`, B = (e, t) => e.ids?.itemLabel?.(t) ?? `radio-group:${e.id}:radio:label:${t}`, S = (e) => e.ids?.indicator ?? `radio-group:${e.id}:indicator`, m = (e) => e.getById(g(e)), q = (e, t) => e.getById(p(e, t)), K = (e) => e.getById(S(e)), M = (e) => m(e)?.querySelector("input:not(:disabled)"), N = (e) => m(e)?.querySelector("input:not(:disabled):checked"), V = (e) => {
   const i = `input[type=radio][data-ownedby='${CSS.escape(g(e))}']:not([disabled])`;
-  return w(m(e), i);
+  return _(m(e), i);
 }, G = (e, t) => {
   if (t)
     return e.getById(T(e, t));
-}, W = (e) => ({
+}, J = (e) => ({
   left: e?.offsetLeft ?? 0,
   top: e?.offsetTop ?? 0,
   width: e?.offsetWidth ?? 0,
   height: e?.offsetHeight ?? 0
-}), j = (e) => ({
+}), W = (e) => ({
   width: `${e.width}px`,
   height: `${e.height}px`,
   left: `${e.left}px`,
@@ -55,7 +55,7 @@ function Z(e, t) {
     };
   }
   const E = () => {
-    (N(d) ?? K(d))?.focus();
+    (N(d) ?? M(d))?.focus();
   };
   return {
     focus: E,
@@ -113,7 +113,7 @@ function Z(e, t) {
           r.disabled || n({ type: "SET_ACTIVE", value: null });
         },
         onClick() {
-          !r.disabled && _() && q(d, a.value)?.focus();
+          !r.disabled && P() && q(d, a.value)?.focus();
         }
       });
     },
@@ -166,7 +166,7 @@ function Z(e, t) {
         },
         disabled: r.disabled,
         defaultChecked: r.checked,
-        style: P
+        style: w
       });
     },
     getIndicatorProps() {
@@ -195,7 +195,7 @@ function Z(e, t) {
     }
   };
 }
-var { not: J } = k(), z = C({
+var { not: j } = k(), z = C({
   props({ props: e }) {
     return {
       orientation: "vertical",
@@ -256,7 +256,7 @@ var { not: J } = k(), z = C({
   on: {
     SET_VALUE: [
       {
-        guard: J("isTrusted"),
+        guard: j("isTrusted"),
         actions: ["setValue", "dispatchChangeEvent"]
       },
       {
@@ -323,7 +323,7 @@ var { not: J } = k(), z = C({
         e.set("ssr", !1);
       },
       syncIndicatorRect({ context: e, scope: t, refs: i }) {
-        if (i.get("indicatorCleanup")?.(), !M(t)) return;
+        if (i.get("indicatorCleanup")?.(), !K(t)) return;
         const n = e.get("value"), u = G(t, n);
         if (n == null || !u) {
           e.set("canIndicatorTransition", !1), e.set("indicatorRect", {});
@@ -331,10 +331,10 @@ var { not: J } = k(), z = C({
         }
         const o = F([u], {
           measure(d) {
-            return W(d);
+            return J(d);
           },
           onEntry({ rects: d }) {
-            e.set("indicatorRect", j(d[0]));
+            e.set("indicatorRect", W(d[0]));
           }
         });
         i.set("indicatorCleanup", o);
@@ -379,4 +379,4 @@ export {
   Z as c,
   z as m
 };
-//# sourceMappingURL=radio.records-LkbGZcNW.js.map
+//# sourceMappingURL=radio.records-4ih1q8nO.js.map