@televet/kibble-ui 4.0.0-beta.57 → 4.0.0-beta.58

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 (43) hide show
  1. package/dist/chunks/link.component-CCFg-LIe.js +2 -0
  2. package/dist/chunks/link.component-CCFg-LIe.js.map +1 -0
  3. package/dist/chunks/link.component-DprieyUG.js +60 -0
  4. package/dist/chunks/link.component-DprieyUG.js.map +1 -0
  5. package/dist/chunks/{popover.component-jEg4R1F4.js → popover.component-CCDAwoUM.js} +2 -2
  6. package/dist/chunks/{popover.component-jEg4R1F4.js.map → popover.component-CCDAwoUM.js.map} +1 -1
  7. package/dist/chunks/{popover.component-BCibBOXM.js → popover.component-DWAlkVq8.js} +2 -2
  8. package/dist/chunks/{popover.component-BCibBOXM.js.map → popover.component-DWAlkVq8.js.map} +1 -1
  9. package/dist/chunks/{popover.recipe-CMQQRMnL.js → popover.recipe-gSRLrSEY.js} +2 -2
  10. package/dist/chunks/{popover.recipe-CMQQRMnL.js.map → popover.recipe-gSRLrSEY.js.map} +1 -1
  11. package/dist/chunks/{popover.recipe-ByAaERef.js → popover.recipe-ps_n0gOL.js} +9 -8
  12. package/dist/chunks/{popover.recipe-ByAaERef.js.map → popover.recipe-ps_n0gOL.js.map} +1 -1
  13. package/dist/chunks/{theme.provider-CD_LIwCV.js → theme.provider-Bp0Gol4s.js} +2 -2
  14. package/dist/chunks/{theme.provider-CD_LIwCV.js.map → theme.provider-Bp0Gol4s.js.map} +1 -1
  15. package/dist/chunks/{theme.provider-8i-Ok9JE.js → theme.provider-iZspmBTY.js} +2 -2
  16. package/dist/chunks/{theme.provider-8i-Ok9JE.js.map → theme.provider-iZspmBTY.js.map} +1 -1
  17. package/dist/chunks/{timePicker.component-DF-7rTLE.js → timePicker.component-D0fSPiBq.js} +2 -2
  18. package/dist/chunks/{timePicker.component-DF-7rTLE.js.map → timePicker.component-D0fSPiBq.js.map} +1 -1
  19. package/dist/chunks/{timePicker.component-vHY1O9Nq.js → timePicker.component-j-OQEBFl.js} +2 -2
  20. package/dist/chunks/{timePicker.component-vHY1O9Nq.js.map → timePicker.component-j-OQEBFl.js.map} +1 -1
  21. package/dist/chunks/{timeRange.component-C65E9InX.js → timeRange.component-CYBVUNli.js} +2 -2
  22. package/dist/chunks/{timeRange.component-C65E9InX.js.map → timeRange.component-CYBVUNli.js.map} +1 -1
  23. package/dist/chunks/{timeRange.component-BU22xkmi.js → timeRange.component-RbWJj10O.js} +2 -2
  24. package/dist/chunks/{timeRange.component-BU22xkmi.js.map → timeRange.component-RbWJj10O.js.map} +1 -1
  25. package/dist/cjs/components/Link/index.cjs +1 -1
  26. package/dist/cjs/components/Popover/index.cjs +1 -1
  27. package/dist/cjs/components/TimePicker/index.cjs +1 -1
  28. package/dist/cjs/components/TimeRange/index.cjs +1 -1
  29. package/dist/cjs/components/index.cjs +1 -1
  30. package/dist/cjs/index.cjs +1 -1
  31. package/dist/cjs/theme/index.cjs +1 -1
  32. package/dist/esm/components/Link/index.js +1 -1
  33. package/dist/esm/components/Popover/index.js +1 -1
  34. package/dist/esm/components/TimePicker/index.js +1 -1
  35. package/dist/esm/components/TimeRange/index.js +1 -1
  36. package/dist/esm/components/index.js +4 -4
  37. package/dist/esm/index.js +5 -5
  38. package/dist/esm/theme/index.js +1 -1
  39. package/package.json +1 -1
  40. package/dist/chunks/link.component-BEoeigC8.js +0 -61
  41. package/dist/chunks/link.component-BEoeigC8.js.map +0 -1
  42. package/dist/chunks/link.component-BNWZ_bjl.js +0 -2
  43. package/dist/chunks/link.component-BNWZ_bjl.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ "use strict";const n=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),k=require("./icon.component-C0e0UGBw.js"),j=require("./useIconTextSizeMap-BXmABb54.js"),d=require("./create-recipe-context-sESms8Eo.js"),R=require("./h-stack-Bjx9hlJo.js"),{withContext:q}=d.createRecipeContext({key:"link"}),z=q("a"),a=({variant:t,...i})=>n.jsxRuntimeExports.jsx(k.Icon,{variant:t||"interactive",...i}),x=m.forwardRef((t,i)=>{const{children:p,external:u,iconProps:e,size:r="md",variant:s="interactive",...l}=t,o=j.useIconTextSizeMap(r),c=e?.position||"start";return n.jsxRuntimeExports.jsx(z,{className:"Link","data-testid":"kibble-link",variant:s,display:"inline-block",size:r,ref:i,...u&&{target:"_blank",rel:"noopener noreferrer"},...l,children:n.jsxRuntimeExports.jsxs(R.HStack,{gap:1,align:"center",children:[e&&c==="start"&&n.jsxRuntimeExports.jsx(a,{name:e.name,variant:s,size:o}),p,e&&c==="end"&&n.jsxRuntimeExports.jsx(a,{name:e.name,variant:s,size:o})]})})});x.displayName="Link";exports.Link=x;
2
+ //# sourceMappingURL=link.component-CCFg-LIe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.component-CCFg-LIe.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n variant,\n ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport {\n LinkIcon,\n LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n iconProps?: LinkIconProps;\n external?: boolean;\n size?: TextSize;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n to?: any;\n variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n (\n props: LinkProps,\n ref: ForwardedRef<HTMLAnchorElement>\n ): React.JSX.Element => {\n const {\n children,\n external,\n iconProps,\n size = \"md\",\n variant = \"interactive\",\n ...rest\n } = props;\n const mapIconSize = useIconTextSizeMap(size);\n const iconPosition = iconProps?.position || \"start\";\n\n return (\n <CLink\n className=\"Link\"\n data-testid=\"kibble-link\"\n variant={variant}\n display=\"inline-block\"\n size={size}\n ref={ref}\n {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n {...rest}\n >\n <HStack gap={1} align=\"center\">\n {iconProps && iconPosition === \"start\" && (\n <LinkIcon\n name={iconProps.name}\n variant={variant}\n size={mapIconSize}\n />\n )}\n {children}\n {iconProps && iconPosition === \"end\" && (\n <LinkIcon\n name={iconProps.name}\n variant={variant}\n size={mapIconSize}\n />\n )}\n </HStack>\n </CLink>\n );\n }\n);\n\nLink.displayName = \"Link\";\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":"yPAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECEfG,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECO/CH,EAAOK,EAAA,WAClB,CACEC,EACAC,IACsB,CAChB,KAAA,CACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAT,EAAU,cACV,GAAGC,CAAA,EACDG,EACEM,EAAcC,qBAAmBF,CAAI,EACrCG,EAAeJ,GAAW,UAAY,QAG1C,OAAAK,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAd,EACA,QAAQ,eACR,KAAAS,EACA,IAAAJ,EACC,GAAIE,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGN,EAEJ,SAACc,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAR,GAAaI,IAAiB,SAC7BC,EAAA,kBAAA,IAACd,EAAA,CACC,KAAMS,EAAU,KAChB,QAAAR,EACA,KAAMU,CAAA,CACR,EAEDJ,EACAE,GAAaI,IAAiB,OAC7BC,EAAA,kBAAA,IAACd,EAAA,CACC,KAAMS,EAAU,KAChB,QAAAR,EACA,KAAMU,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAZ,EAAK,YAAc","x_google_ignoreList":[0]}
@@ -0,0 +1,60 @@
1
+ import { j as n } from "./jsx-runtime-C5mzlN2N.js";
2
+ import { forwardRef as k } from "react";
3
+ import { I as x } from "./icon.component-DGNCL1Yc.js";
4
+ import { u as d } from "./useIconTextSizeMap-BK-pUrQv.js";
5
+ import { c as f } from "./create-recipe-context-D7FewUR4.js";
6
+ import { H as j } from "./h-stack-Ce6JSBK2.js";
7
+ const { withContext: L } = f({
8
+ key: "link"
9
+ }), u = L("a"), c = ({
10
+ variant: t,
11
+ ...i
12
+ }) => /* @__PURE__ */ n.jsx(x, { variant: t || "interactive", ...i }), z = k(
13
+ (t, i) => {
14
+ const {
15
+ children: m,
16
+ external: p,
17
+ iconProps: e,
18
+ size: o = "md",
19
+ variant: r = "interactive",
20
+ ...l
21
+ } = t, a = d(o), s = e?.position || "start";
22
+ return /* @__PURE__ */ n.jsx(
23
+ u,
24
+ {
25
+ className: "Link",
26
+ "data-testid": "kibble-link",
27
+ variant: r,
28
+ display: "inline-block",
29
+ size: o,
30
+ ref: i,
31
+ ...p && { target: "_blank", rel: "noopener noreferrer" },
32
+ ...l,
33
+ children: /* @__PURE__ */ n.jsxs(j, { gap: 1, align: "center", children: [
34
+ e && s === "start" && /* @__PURE__ */ n.jsx(
35
+ c,
36
+ {
37
+ name: e.name,
38
+ variant: r,
39
+ size: a
40
+ }
41
+ ),
42
+ m,
43
+ e && s === "end" && /* @__PURE__ */ n.jsx(
44
+ c,
45
+ {
46
+ name: e.name,
47
+ variant: r,
48
+ size: a
49
+ }
50
+ )
51
+ ] })
52
+ }
53
+ );
54
+ }
55
+ );
56
+ z.displayName = "Link";
57
+ export {
58
+ z as L
59
+ };
60
+ //# sourceMappingURL=link.component-DprieyUG.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.component-DprieyUG.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n variant,\n ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport {\n LinkIcon,\n LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n iconProps?: LinkIconProps;\n external?: boolean;\n size?: TextSize;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n to?: any;\n variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n (\n props: LinkProps,\n ref: ForwardedRef<HTMLAnchorElement>\n ): React.JSX.Element => {\n const {\n children,\n external,\n iconProps,\n size = \"md\",\n variant = \"interactive\",\n ...rest\n } = props;\n const mapIconSize = useIconTextSizeMap(size);\n const iconPosition = iconProps?.position || \"start\";\n\n return (\n <CLink\n className=\"Link\"\n data-testid=\"kibble-link\"\n variant={variant}\n display=\"inline-block\"\n size={size}\n ref={ref}\n {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n {...rest}\n >\n <HStack gap={1} align=\"center\">\n {iconProps && iconPosition === \"start\" && (\n <LinkIcon\n name={iconProps.name}\n variant={variant}\n size={mapIconSize}\n />\n )}\n {children}\n {iconProps && iconPosition === \"end\" && (\n <LinkIcon\n name={iconProps.name}\n variant={variant}\n size={mapIconSize}\n />\n )}\n </HStack>\n </CLink>\n );\n }\n);\n\nLink.displayName = \"Link\";\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":";;;;;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCEfG,IAAW,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,GAAGC;AACL,4BACUC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCO/CH,IAAOK;AAAA,EAClB,CACEC,GACAC,MACsB;AAChB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAT,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDG,GACEM,IAAcC,EAAmBF,CAAI,GACrCG,IAAeJ,GAAW,YAAY;AAG1C,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAd;AAAA,QACA,SAAQ;AAAA,QACR,MAAAS;AAAA,QACA,KAAAJ;AAAA,QACC,GAAIE,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGN;AAAA,QAEJ,UAACc,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAAR,KAAaI,MAAiB,WAC7BC,gBAAAA,EAAA;AAAA,YAACd;AAAA,YAAA;AAAA,cACC,MAAMS,EAAU;AAAA,cAChB,SAAAR;AAAA,cACA,MAAMU;AAAA,YAAA;AAAA,UACR;AAAA,UAEDJ;AAAA,UACAE,KAAaI,MAAiB,SAC7BC,gBAAAA,EAAA;AAAA,YAACd;AAAA,YAAA;AAAA,cACC,MAAMS,EAAU;AAAA,cAChB,SAAAR;AAAA,cACA,MAAMU;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAZ,EAAK,cAAc;","x_google_ignoreList":[0]}
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("./jsx-runtime-BjDatQAs.js"),v=require("react"),p=require("./popover-80QH8HEJ.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),i=require("./use-locale-context-BdqHZ8L8.js"),x=require("./index-CZ42b9rT.js"),R=require("./popover.recipe-CMQQRMnL.js"),W=require("./text.component-CfoAQOZD.js"),I=require("./heading.component-CwIseBhq.js"),H=require("./button.component-Dd9AfGox.js"),y=require("./use-slot-recipe-8liupslO.js"),T=require("./popover-root-provider-DAMDDAHQ.js"),_=require("./flex-D14H6HbP.js"),L=require("./factory-D6tdBUPG.js"),G=require("./box-Baq7UBls.js"),J=r=>r&&r.__esModule?r:{default:r},K=J(v),[A,d]=i.createContext({name:"HoverCardContext",hookName:"useHoverCardContext",providerName:"<HoverCardProvider />"}),k=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getArrowProps(),r);return e.jsxRuntimeExports.jsx(i.ark.div,{...t,ref:s})});k.displayName="HoverCardArrow";const N=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getArrowTipProps(),r);return e.jsxRuntimeExports.jsx(i.ark.div,{...t,ref:s})});N.displayName="HoverCardArrowTip";const S=v.forwardRef((r,s)=>{const o=d(),t=i.usePresenceContext(),n=x.mergeProps(o.getContentProps(),t.getPresenceProps(),r);return t.unmounted?null:e.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:i.composeRefs(t.ref,s)})});S.displayName="HoverCardContent";const Q=r=>r.children(d()),q=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getPositionerProps(),r);return i.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(i.ark.div,{...t,ref:s})});q.displayName="HoverCardPositioner";const U=r=>{const s=v.useId(),{getRootNode:o}=i.useEnvironmentContext(),{dir:t}=i.useLocaleContext(),n={id:s,dir:t,getRootNode:o,...r},c=i.useMachine(R.machine,n);return R.connect(c,i.normalizeProps)},V=r=>{const[s,{children:o,...t}]=i.splitPresenceProps(r),n=U(t),c=i.usePresence(x.mergeProps({present:n.open},s));return e.jsxRuntimeExports.jsx(A,{value:n,children:e.jsxRuntimeExports.jsx(i.PresenceProvider,{value:c,children:o})})},X=r=>{const[s,{value:o,children:t}]=i.splitPresenceProps(r),n=i.usePresence(x.mergeProps({present:o.open},s));return e.jsxRuntimeExports.jsx(A,{value:o,children:e.jsxRuntimeExports.jsx(i.PresenceProvider,{value:n,children:t})})},O=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getTriggerProps(),r);return e.jsxRuntimeExports.jsx(i.ark.button,{...t,ref:s})});O.displayName="HoverCardTrigger";const{withRootProvider:z,withContext:g,PropsProvider:Y}=M.createSlotRecipeContext({key:"hoverCard"}),Z=z(X),ee=z(V),re=Y,oe=g(O,"trigger",{forwardAsChild:!0}),te=g(q,"positioner",{forwardAsChild:!0}),se=g(S,"content",{forwardAsChild:!0}),B=g(N,"arrowTip",{forwardAsChild:!0}),ne=g(k,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(B,{})}}),ie=Q,pe=Object.freeze(Object.defineProperty({__proto__:null,Arrow:ne,ArrowTip:B,Content:se,Context:ie,Positioner:te,PropsProvider:re,Root:ee,RootProvider:Z,Trigger:oe},Symbol.toStringTag,{value:"Module"})),ce=Object.freeze(Object.defineProperty({__proto__:null,Anchor:p.PopoverAnchor,Arrow:p.PopoverArrow,ArrowTip:p.PopoverArrowTip,Body:p.PopoverBody,CloseTrigger:p.PopoverCloseTrigger,Content:p.PopoverContent,Context:p.PopoverContext,Description:p.PopoverDescription,Footer:p.PopoverFooter,Header:p.PopoverHeader,Positioner:p.PopoverPositioner,PropsProvider:p.PopoverPropsProvider,Root:p.PopoverRoot,RootProvider:p.PopoverRootProvider,Title:p.PopoverTitle,Trigger:p.PopoverTrigger,usePopoverStyles:p.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),F=L.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});F.displayName="Spacer";const ae=({children:r,color:s,hideCloseButton:o=!1,onContrast:t=!0,onClose:n,size:c="sm",trigger:l,...u})=>{const m=y.useSlotRecipe({recipe:R.popoverRecipe})(),{setOpen:C}=l==="hover"?d():T.usePopoverContext();return e.jsxRuntimeExports.jsxs(_.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:m.header,...u,children:[e.jsxRuntimeExports.jsx(I.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:c,color:s||"inherit",children:r}),!o&&e.jsxRuntimeExports.jsx(H.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:t,onClick:n||(()=>C(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},de=({children:r,disabled:s,hideButtons:o=!1,hideCancelButton:t=!1,destructive:n,loading:c,onCancel:l,onContrast:u=!0,onSubmit:h,submitText:m="Submit",trigger:C,...f})=>{const j=y.useSlotRecipe({recipe:R.popoverRecipe})(),{setOpen:a}=C==="hover"?d():T.usePopoverContext(),b=()=>{l&&l(),a(!1)};return e.jsxRuntimeExports.jsxs(_.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:j.footer,...f,children:[r,!o&&e.jsxRuntimeExports.jsxs(_.Flex,{w:"100%",children:[!t&&e.jsxRuntimeExports.jsx(H.Button,{variant:"tertiary",onContrast:u,size:"sm",onClick:b,children:"Cancel"}),e.jsxRuntimeExports.jsx(F,{}),e.jsxRuntimeExports.jsx(H.Button,{onClick:h,loading:c,disabled:s,size:"sm",onContrast:u,variant:n?"primaryDestructive":"primary",children:m})]})]})},$=K.default.forwardRef((r,s)=>{const{allowEscape:o=!0,anchor:t,children:n,contentProps:c,footerProps:l,headerProps:u,disabled:h=!1,portalled:m=!0,placement:C="bottom",positioning:f,size:w="sm",trigger:j="click",variant:a="contrast",...b}=r,P=j==="hover"?pe:ce,D=y.useSlotRecipe({recipe:R.popoverRecipe})({variant:a,size:w});if(!n)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(h)return n;const E=a==="contrast"||a==="contrastDestructive";return e.jsxRuntimeExports.jsxs(P.Root,{closeOnEscape:o,closeOnInteractOutside:o,positioning:{...f,placement:f?.placement||C},size:w,variant:a,...b,children:[e.jsxRuntimeExports.jsx(P.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:t}),e.jsxRuntimeExports.jsx(i.Portal,{disabled:!m,children:e.jsxRuntimeExports.jsx(P.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(P.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:s,p:0,...c,children:[e.jsxRuntimeExports.jsx(P.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(P.ArrowTip,{})}),u&&e.jsxRuntimeExports.jsx(ae,{trigger:j,onContrast:E,...u}),e.jsxRuntimeExports.jsx(G.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:D.body,children:typeof n=="string"?e.jsxRuntimeExports.jsx(W.WrappedText,{variant:E?"onContrast":"default",size:"sm",children:n}):n}),l&&e.jsxRuntimeExports.jsx(de,{trigger:j,destructive:a==="contrastDestructive"||a==="defaultDestructive",onContrast:E,...l})]})})})]})});$.displayName="Popover";exports.Popover=$;
2
- //# sourceMappingURL=popover.component-jEg4R1F4.js.map
1
+ "use strict";const e=require("./jsx-runtime-BjDatQAs.js"),v=require("react"),p=require("./popover-80QH8HEJ.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),i=require("./use-locale-context-BdqHZ8L8.js"),x=require("./index-CZ42b9rT.js"),R=require("./popover.recipe-gSRLrSEY.js"),W=require("./text.component-CfoAQOZD.js"),I=require("./heading.component-CwIseBhq.js"),H=require("./button.component-Dd9AfGox.js"),y=require("./use-slot-recipe-8liupslO.js"),T=require("./popover-root-provider-DAMDDAHQ.js"),_=require("./flex-D14H6HbP.js"),L=require("./factory-D6tdBUPG.js"),G=require("./box-Baq7UBls.js"),J=r=>r&&r.__esModule?r:{default:r},K=J(v),[A,d]=i.createContext({name:"HoverCardContext",hookName:"useHoverCardContext",providerName:"<HoverCardProvider />"}),k=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getArrowProps(),r);return e.jsxRuntimeExports.jsx(i.ark.div,{...t,ref:s})});k.displayName="HoverCardArrow";const N=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getArrowTipProps(),r);return e.jsxRuntimeExports.jsx(i.ark.div,{...t,ref:s})});N.displayName="HoverCardArrowTip";const S=v.forwardRef((r,s)=>{const o=d(),t=i.usePresenceContext(),n=x.mergeProps(o.getContentProps(),t.getPresenceProps(),r);return t.unmounted?null:e.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:i.composeRefs(t.ref,s)})});S.displayName="HoverCardContent";const Q=r=>r.children(d()),q=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getPositionerProps(),r);return i.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(i.ark.div,{...t,ref:s})});q.displayName="HoverCardPositioner";const U=r=>{const s=v.useId(),{getRootNode:o}=i.useEnvironmentContext(),{dir:t}=i.useLocaleContext(),n={id:s,dir:t,getRootNode:o,...r},c=i.useMachine(R.machine,n);return R.connect(c,i.normalizeProps)},V=r=>{const[s,{children:o,...t}]=i.splitPresenceProps(r),n=U(t),c=i.usePresence(x.mergeProps({present:n.open},s));return e.jsxRuntimeExports.jsx(A,{value:n,children:e.jsxRuntimeExports.jsx(i.PresenceProvider,{value:c,children:o})})},X=r=>{const[s,{value:o,children:t}]=i.splitPresenceProps(r),n=i.usePresence(x.mergeProps({present:o.open},s));return e.jsxRuntimeExports.jsx(A,{value:o,children:e.jsxRuntimeExports.jsx(i.PresenceProvider,{value:n,children:t})})},O=v.forwardRef((r,s)=>{const o=d(),t=x.mergeProps(o.getTriggerProps(),r);return e.jsxRuntimeExports.jsx(i.ark.button,{...t,ref:s})});O.displayName="HoverCardTrigger";const{withRootProvider:z,withContext:g,PropsProvider:Y}=M.createSlotRecipeContext({key:"hoverCard"}),Z=z(X),ee=z(V),re=Y,oe=g(O,"trigger",{forwardAsChild:!0}),te=g(q,"positioner",{forwardAsChild:!0}),se=g(S,"content",{forwardAsChild:!0}),B=g(N,"arrowTip",{forwardAsChild:!0}),ne=g(k,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(B,{})}}),ie=Q,pe=Object.freeze(Object.defineProperty({__proto__:null,Arrow:ne,ArrowTip:B,Content:se,Context:ie,Positioner:te,PropsProvider:re,Root:ee,RootProvider:Z,Trigger:oe},Symbol.toStringTag,{value:"Module"})),ce=Object.freeze(Object.defineProperty({__proto__:null,Anchor:p.PopoverAnchor,Arrow:p.PopoverArrow,ArrowTip:p.PopoverArrowTip,Body:p.PopoverBody,CloseTrigger:p.PopoverCloseTrigger,Content:p.PopoverContent,Context:p.PopoverContext,Description:p.PopoverDescription,Footer:p.PopoverFooter,Header:p.PopoverHeader,Positioner:p.PopoverPositioner,PropsProvider:p.PopoverPropsProvider,Root:p.PopoverRoot,RootProvider:p.PopoverRootProvider,Title:p.PopoverTitle,Trigger:p.PopoverTrigger,usePopoverStyles:p.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),F=L.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});F.displayName="Spacer";const ae=({children:r,color:s,hideCloseButton:o=!1,onContrast:t=!0,onClose:n,size:c="sm",trigger:l,...u})=>{const m=y.useSlotRecipe({recipe:R.popoverRecipe})(),{setOpen:C}=l==="hover"?d():T.usePopoverContext();return e.jsxRuntimeExports.jsxs(_.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:m.header,...u,children:[e.jsxRuntimeExports.jsx(I.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:c,color:s||"inherit",children:r}),!o&&e.jsxRuntimeExports.jsx(H.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:t,onClick:n||(()=>C(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},de=({children:r,disabled:s,hideButtons:o=!1,hideCancelButton:t=!1,destructive:n,loading:c,onCancel:l,onContrast:u=!0,onSubmit:h,submitText:m="Submit",trigger:C,...f})=>{const j=y.useSlotRecipe({recipe:R.popoverRecipe})(),{setOpen:a}=C==="hover"?d():T.usePopoverContext(),b=()=>{l&&l(),a(!1)};return e.jsxRuntimeExports.jsxs(_.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:j.footer,...f,children:[r,!o&&e.jsxRuntimeExports.jsxs(_.Flex,{w:"100%",children:[!t&&e.jsxRuntimeExports.jsx(H.Button,{variant:"tertiary",onContrast:u,size:"sm",onClick:b,children:"Cancel"}),e.jsxRuntimeExports.jsx(F,{}),e.jsxRuntimeExports.jsx(H.Button,{onClick:h,loading:c,disabled:s,size:"sm",onContrast:u,variant:n?"primaryDestructive":"primary",children:m})]})]})},$=K.default.forwardRef((r,s)=>{const{allowEscape:o=!0,anchor:t,children:n,contentProps:c,footerProps:l,headerProps:u,disabled:h=!1,portalled:m=!0,placement:C="bottom",positioning:f,size:w="sm",trigger:j="click",variant:a="contrast",...b}=r,P=j==="hover"?pe:ce,D=y.useSlotRecipe({recipe:R.popoverRecipe})({variant:a,size:w});if(!n)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(h)return n;const E=a==="contrast"||a==="contrastDestructive";return e.jsxRuntimeExports.jsxs(P.Root,{closeOnEscape:o,closeOnInteractOutside:o,positioning:{...f,placement:f?.placement||C},size:w,variant:a,...b,children:[e.jsxRuntimeExports.jsx(P.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:t}),e.jsxRuntimeExports.jsx(i.Portal,{disabled:!m,children:e.jsxRuntimeExports.jsx(P.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(P.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:s,p:0,...c,children:[e.jsxRuntimeExports.jsx(P.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(P.ArrowTip,{})}),u&&e.jsxRuntimeExports.jsx(ae,{trigger:j,onContrast:E,...u}),e.jsxRuntimeExports.jsx(G.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:D.body,children:typeof n=="string"?e.jsxRuntimeExports.jsx(W.WrappedText,{variant:E?"onContrast":"default",size:"sm",children:n}):n}),l&&e.jsxRuntimeExports.jsx(de,{trigger:j,destructive:a==="contrastDestructive"||a==="defaultDestructive",onContrast:E,...l})]})})})]})});$.displayName="Popover";exports.Popover=$;
2
+ //# sourceMappingURL=popover.component-CCDAwoUM.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.component-jEg4R1F4.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n name: \"HoverCardContext\",\n hookName: \"useHoverCardContext\",\n providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n const presence = usePresenceContext();\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(hoverCard.machine, machineProps);\n return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n const hoverCard = useHoverCard(localProps);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useHoverCardStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n HoverCard.Arrow,\n \"arrow\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n base: {\n flex: 1,\n justifySelf: \"stretch\",\n alignSelf: \"stretch\"\n }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n children?: ReactNode;\n hideCloseButton?: boolean;\n onClose?: () => void;\n onContrast?: boolean;\n size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n children,\n color,\n hideCloseButton = false,\n onContrast = true,\n onClose,\n size = \"sm\",\n trigger,\n ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n return (\n <Flex\n className=\"Popover__HeaderWrapper\"\n data-testid=\"kibble-popover-header-wrapper\"\n css={styles.header}\n {...rest}\n >\n <Heading\n className=\"Popover__Header\"\n data-testid=\"kibble-popover-header\"\n size={size}\n color={color || \"inherit\"}\n >\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n className=\"Popover__CloseButton\"\n data-testid=\"kibble-popover-close-button\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose ? onClose : (): void => setOpen(false)}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n />\n )}\n </Flex>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n children?: ReactNode;\n disabled?: boolean;\n hideButtons?: boolean;\n hideCancelButton?: boolean;\n destructive?: boolean;\n loading?: boolean;\n onCancel?: () => void;\n onContrast?: boolean;\n onSubmit?: () => void;\n submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n children,\n disabled,\n hideButtons = false,\n hideCancelButton = false,\n destructive,\n loading,\n onCancel,\n onContrast = true,\n onSubmit,\n submitText = \"Submit\",\n trigger,\n ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n setOpen(false);\n };\n\n return (\n <Flex\n className=\"Popover__Footer\"\n data-testid=\"kibble-popover-footer\"\n css={styles.footer}\n {...rest}\n >\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button\n variant=\"tertiary\"\n onContrast={onContrast}\n size=\"sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n loading={loading}\n disabled={disabled}\n size=\"sm\"\n onContrast={onContrast}\n variant={destructive ? \"primaryDestructive\" : \"primary\"}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n PopoverSize,\n PopoverTriggerType,\n PopoverVariant,\n} from \"./popover.types\";\nimport {\n PopoverHeader,\n PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n PopoverFooter,\n PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: React.ReactNode;\n contentProps?: CPopover.ContentProps;\n disabled?: boolean;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n portalled?: boolean;\n placement?: Placement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n (props, ref): React.ReactNode => {\n const {\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n disabled = false,\n portalled = true,\n placement = \"bottom\",\n positioning,\n size = \"sm\",\n trigger = \"click\",\n variant = \"contrast\",\n ...rest\n } = props;\n const Element = trigger === \"hover\" ? HoverCard : CPopover;\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe({ variant, size });\n\n if (!children) return <></>;\n if (disabled) return children;\n\n const onContrast =\n variant === \"contrast\" || variant === \"contrastDestructive\";\n\n return (\n <Element.Root\n closeOnEscape={allowEscape}\n closeOnInteractOutside={allowEscape}\n positioning={{\n ...positioning,\n placement: positioning?.placement || placement,\n }}\n size={size}\n variant={variant}\n {...rest}\n >\n <Element.Trigger\n className=\"Popover__Trigger\"\n data-testid=\"kibble-popover-trigger\"\n width=\"max-content\"\n asChild\n >\n {anchor}\n </Element.Trigger>\n <Portal disabled={!portalled}>\n <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n <Element.Content\n className=\"Popover__Content\"\n data-testid=\"kibble-popover-content\"\n ref={ref}\n p={0}\n {...contentProps}\n >\n <Element.Arrow\n className=\"Popover__Arrow\"\n data-testid=\"kibble-popover-arrow\"\n >\n <Element.ArrowTip />\n </Element.Arrow>\n {headerProps && (\n <PopoverHeader\n trigger={trigger}\n onContrast={onContrast}\n {...headerProps}\n />\n )}\n <Box\n className=\"Popover__Body\"\n data-testid=\"kibble-popover-body\"\n css={styles.body}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={onContrast ? \"onContrast\" : \"default\"}\n size=\"sm\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </Box>\n {footerProps && (\n <PopoverFooter\n trigger={trigger}\n destructive={\n variant === \"contrastDestructive\" ||\n variant === \"defaultDestructive\"\n }\n onContrast={onContrast}\n {...footerProps}\n />\n )}\n </Element.Content>\n </Element.Positioner>\n </Portal>\n </Element.Root>\n );\n },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}
1
+ {"version":3,"file":"popover.component-CCDAwoUM.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n name: \"HoverCardContext\",\n hookName: \"useHoverCardContext\",\n providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n const presence = usePresenceContext();\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(hoverCard.machine, machineProps);\n return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n const hoverCard = useHoverCard(localProps);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useHoverCardStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n HoverCard.Arrow,\n \"arrow\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n base: {\n flex: 1,\n justifySelf: \"stretch\",\n alignSelf: \"stretch\"\n }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n children?: ReactNode;\n hideCloseButton?: boolean;\n onClose?: () => void;\n onContrast?: boolean;\n size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n children,\n color,\n hideCloseButton = false,\n onContrast = true,\n onClose,\n size = \"sm\",\n trigger,\n ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n return (\n <Flex\n className=\"Popover__HeaderWrapper\"\n data-testid=\"kibble-popover-header-wrapper\"\n css={styles.header}\n {...rest}\n >\n <Heading\n className=\"Popover__Header\"\n data-testid=\"kibble-popover-header\"\n size={size}\n color={color || \"inherit\"}\n >\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n className=\"Popover__CloseButton\"\n data-testid=\"kibble-popover-close-button\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose ? onClose : (): void => setOpen(false)}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n />\n )}\n </Flex>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n children?: ReactNode;\n disabled?: boolean;\n hideButtons?: boolean;\n hideCancelButton?: boolean;\n destructive?: boolean;\n loading?: boolean;\n onCancel?: () => void;\n onContrast?: boolean;\n onSubmit?: () => void;\n submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n children,\n disabled,\n hideButtons = false,\n hideCancelButton = false,\n destructive,\n loading,\n onCancel,\n onContrast = true,\n onSubmit,\n submitText = \"Submit\",\n trigger,\n ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n setOpen(false);\n };\n\n return (\n <Flex\n className=\"Popover__Footer\"\n data-testid=\"kibble-popover-footer\"\n css={styles.footer}\n {...rest}\n >\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button\n variant=\"tertiary\"\n onContrast={onContrast}\n size=\"sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n loading={loading}\n disabled={disabled}\n size=\"sm\"\n onContrast={onContrast}\n variant={destructive ? \"primaryDestructive\" : \"primary\"}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n PopoverSize,\n PopoverTriggerType,\n PopoverVariant,\n} from \"./popover.types\";\nimport {\n PopoverHeader,\n PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n PopoverFooter,\n PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: React.ReactNode;\n contentProps?: CPopover.ContentProps;\n disabled?: boolean;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n portalled?: boolean;\n placement?: Placement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n (props, ref): React.ReactNode => {\n const {\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n disabled = false,\n portalled = true,\n placement = \"bottom\",\n positioning,\n size = \"sm\",\n trigger = \"click\",\n variant = \"contrast\",\n ...rest\n } = props;\n const Element = trigger === \"hover\" ? HoverCard : CPopover;\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe({ variant, size });\n\n if (!children) return <></>;\n if (disabled) return children;\n\n const onContrast =\n variant === \"contrast\" || variant === \"contrastDestructive\";\n\n return (\n <Element.Root\n closeOnEscape={allowEscape}\n closeOnInteractOutside={allowEscape}\n positioning={{\n ...positioning,\n placement: positioning?.placement || placement,\n }}\n size={size}\n variant={variant}\n {...rest}\n >\n <Element.Trigger\n className=\"Popover__Trigger\"\n data-testid=\"kibble-popover-trigger\"\n width=\"max-content\"\n asChild\n >\n {anchor}\n </Element.Trigger>\n <Portal disabled={!portalled}>\n <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n <Element.Content\n className=\"Popover__Content\"\n data-testid=\"kibble-popover-content\"\n ref={ref}\n p={0}\n {...contentProps}\n >\n <Element.Arrow\n className=\"Popover__Arrow\"\n data-testid=\"kibble-popover-arrow\"\n >\n <Element.ArrowTip />\n </Element.Arrow>\n {headerProps && (\n <PopoverHeader\n trigger={trigger}\n onContrast={onContrast}\n {...headerProps}\n />\n )}\n <Box\n className=\"Popover__Body\"\n data-testid=\"kibble-popover-body\"\n css={styles.body}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={onContrast ? \"onContrast\" : \"default\"}\n size=\"sm\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </Box>\n {footerProps && (\n <PopoverFooter\n trigger={trigger}\n destructive={\n variant === \"contrastDestructive\" ||\n variant === \"defaultDestructive\"\n }\n onContrast={onContrast}\n {...footerProps}\n />\n )}\n </Element.Content>\n </Element.Positioner>\n </Portal>\n </Element.Root>\n );\n },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}
@@ -4,7 +4,7 @@ import { P as q, a as G, b as J, c as K, d as Q, e as U, f as V, g as X, h as Z,
4
4
  import { c as ce } from "./create-slot-recipe-context-BJmsuxih.js";
5
5
  import { a as pe, f as h, u as A, h as de, i as le, j as ve, k as Pe, n as me, s as N, l as R, m as k, P as ue } from "./use-locale-context-BnlMA8su.js";
6
6
  import { Y as l } from "./index-B8d8Hi2Q.js";
7
- import { m as Ce, c as he, p as _ } from "./popover.recipe-ByAaERef.js";
7
+ import { m as Ce, c as he, p as _ } from "./popover.recipe-ps_n0gOL.js";
8
8
  import { W as fe } from "./text.component-BkYord5h.js";
9
9
  import { W as ge } from "./heading.component-DzTeEnHA.js";
10
10
  import { B as w } from "./button.component-BpF3MzbZ.js";
@@ -320,4 +320,4 @@ Ee.displayName = "Popover";
320
320
  export {
321
321
  Ee as P
322
322
  };
323
- //# sourceMappingURL=popover.component-BCibBOXM.js.map
323
+ //# sourceMappingURL=popover.component-DWAlkVq8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.component-BCibBOXM.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n name: \"HoverCardContext\",\n hookName: \"useHoverCardContext\",\n providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n const presence = usePresenceContext();\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(hoverCard.machine, machineProps);\n return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n const hoverCard = useHoverCard(localProps);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useHoverCardStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n HoverCard.Arrow,\n \"arrow\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n base: {\n flex: 1,\n justifySelf: \"stretch\",\n alignSelf: \"stretch\"\n }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n children?: ReactNode;\n hideCloseButton?: boolean;\n onClose?: () => void;\n onContrast?: boolean;\n size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n children,\n color,\n hideCloseButton = false,\n onContrast = true,\n onClose,\n size = \"sm\",\n trigger,\n ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n return (\n <Flex\n className=\"Popover__HeaderWrapper\"\n data-testid=\"kibble-popover-header-wrapper\"\n css={styles.header}\n {...rest}\n >\n <Heading\n className=\"Popover__Header\"\n data-testid=\"kibble-popover-header\"\n size={size}\n color={color || \"inherit\"}\n >\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n className=\"Popover__CloseButton\"\n data-testid=\"kibble-popover-close-button\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose ? onClose : (): void => setOpen(false)}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n />\n )}\n </Flex>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n children?: ReactNode;\n disabled?: boolean;\n hideButtons?: boolean;\n hideCancelButton?: boolean;\n destructive?: boolean;\n loading?: boolean;\n onCancel?: () => void;\n onContrast?: boolean;\n onSubmit?: () => void;\n submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n children,\n disabled,\n hideButtons = false,\n hideCancelButton = false,\n destructive,\n loading,\n onCancel,\n onContrast = true,\n onSubmit,\n submitText = \"Submit\",\n trigger,\n ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n setOpen(false);\n };\n\n return (\n <Flex\n className=\"Popover__Footer\"\n data-testid=\"kibble-popover-footer\"\n css={styles.footer}\n {...rest}\n >\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button\n variant=\"tertiary\"\n onContrast={onContrast}\n size=\"sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n loading={loading}\n disabled={disabled}\n size=\"sm\"\n onContrast={onContrast}\n variant={destructive ? \"primaryDestructive\" : \"primary\"}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n PopoverSize,\n PopoverTriggerType,\n PopoverVariant,\n} from \"./popover.types\";\nimport {\n PopoverHeader,\n PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n PopoverFooter,\n PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: React.ReactNode;\n contentProps?: CPopover.ContentProps;\n disabled?: boolean;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n portalled?: boolean;\n placement?: Placement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n (props, ref): React.ReactNode => {\n const {\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n disabled = false,\n portalled = true,\n placement = \"bottom\",\n positioning,\n size = \"sm\",\n trigger = \"click\",\n variant = \"contrast\",\n ...rest\n } = props;\n const Element = trigger === \"hover\" ? HoverCard : CPopover;\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe({ variant, size });\n\n if (!children) return <></>;\n if (disabled) return children;\n\n const onContrast =\n variant === \"contrast\" || variant === \"contrastDestructive\";\n\n return (\n <Element.Root\n closeOnEscape={allowEscape}\n closeOnInteractOutside={allowEscape}\n positioning={{\n ...positioning,\n placement: positioning?.placement || placement,\n }}\n size={size}\n variant={variant}\n {...rest}\n >\n <Element.Trigger\n className=\"Popover__Trigger\"\n data-testid=\"kibble-popover-trigger\"\n width=\"max-content\"\n asChild\n >\n {anchor}\n </Element.Trigger>\n <Portal disabled={!portalled}>\n <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n <Element.Content\n className=\"Popover__Content\"\n data-testid=\"kibble-popover-content\"\n ref={ref}\n p={0}\n {...contentProps}\n >\n <Element.Arrow\n className=\"Popover__Arrow\"\n data-testid=\"kibble-popover-arrow\"\n >\n <Element.ArrowTip />\n </Element.Arrow>\n {headerProps && (\n <PopoverHeader\n trigger={trigger}\n onContrast={onContrast}\n {...headerProps}\n />\n )}\n <Box\n className=\"Popover__Body\"\n data-testid=\"kibble-popover-body\"\n css={styles.body}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={onContrast ? \"onContrast\" : \"default\"}\n size=\"sm\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </Box>\n {footerProps && (\n <PopoverFooter\n trigger={trigger}\n destructive={\n variant === \"contrastDestructive\" ||\n variant === \"defaultDestructive\"\n }\n onContrast={onContrast}\n {...footerProps}\n />\n )}\n </Element.Content>\n </Element.Positioner>\n </Portal>\n </Element.Root>\n );\n },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}
1
+ {"version":3,"file":"popover.component-DWAlkVq8.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n name: \"HoverCardContext\",\n hookName: \"useHoverCardContext\",\n providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n const presence = usePresenceContext();\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(hoverCard.machine, machineProps);\n return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n const hoverCard = useHoverCard(localProps);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n const hoverCard = useHoverCardContext();\n const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useHoverCardStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n HoverCard.Arrow,\n \"arrow\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n base: {\n flex: 1,\n justifySelf: \"stretch\",\n alignSelf: \"stretch\"\n }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n children?: ReactNode;\n hideCloseButton?: boolean;\n onClose?: () => void;\n onContrast?: boolean;\n size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n children,\n color,\n hideCloseButton = false,\n onContrast = true,\n onClose,\n size = \"sm\",\n trigger,\n ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n return (\n <Flex\n className=\"Popover__HeaderWrapper\"\n data-testid=\"kibble-popover-header-wrapper\"\n css={styles.header}\n {...rest}\n >\n <Heading\n className=\"Popover__Header\"\n data-testid=\"kibble-popover-header\"\n size={size}\n color={color || \"inherit\"}\n >\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n className=\"Popover__CloseButton\"\n data-testid=\"kibble-popover-close-button\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose ? onClose : (): void => setOpen(false)}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n />\n )}\n </Flex>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n children?: ReactNode;\n disabled?: boolean;\n hideButtons?: boolean;\n hideCancelButton?: boolean;\n destructive?: boolean;\n loading?: boolean;\n onCancel?: () => void;\n onContrast?: boolean;\n onSubmit?: () => void;\n submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n children,\n disabled,\n hideButtons = false,\n hideCancelButton = false,\n destructive,\n loading,\n onCancel,\n onContrast = true,\n onSubmit,\n submitText = \"Submit\",\n trigger,\n ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n setOpen(false);\n };\n\n return (\n <Flex\n className=\"Popover__Footer\"\n data-testid=\"kibble-popover-footer\"\n css={styles.footer}\n {...rest}\n >\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button\n variant=\"tertiary\"\n onContrast={onContrast}\n size=\"sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n loading={loading}\n disabled={disabled}\n size=\"sm\"\n onContrast={onContrast}\n variant={destructive ? \"primaryDestructive\" : \"primary\"}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n PopoverSize,\n PopoverTriggerType,\n PopoverVariant,\n} from \"./popover.types\";\nimport {\n PopoverHeader,\n PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n PopoverFooter,\n PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: React.ReactNode;\n contentProps?: CPopover.ContentProps;\n disabled?: boolean;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n portalled?: boolean;\n placement?: Placement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n (props, ref): React.ReactNode => {\n const {\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n disabled = false,\n portalled = true,\n placement = \"bottom\",\n positioning,\n size = \"sm\",\n trigger = \"click\",\n variant = \"contrast\",\n ...rest\n } = props;\n const Element = trigger === \"hover\" ? HoverCard : CPopover;\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe({ variant, size });\n\n if (!children) return <></>;\n if (disabled) return children;\n\n const onContrast =\n variant === \"contrast\" || variant === \"contrastDestructive\";\n\n return (\n <Element.Root\n closeOnEscape={allowEscape}\n closeOnInteractOutside={allowEscape}\n positioning={{\n ...positioning,\n placement: positioning?.placement || placement,\n }}\n size={size}\n variant={variant}\n {...rest}\n >\n <Element.Trigger\n className=\"Popover__Trigger\"\n data-testid=\"kibble-popover-trigger\"\n width=\"max-content\"\n asChild\n >\n {anchor}\n </Element.Trigger>\n <Portal disabled={!portalled}>\n <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n <Element.Content\n className=\"Popover__Content\"\n data-testid=\"kibble-popover-content\"\n ref={ref}\n p={0}\n {...contentProps}\n >\n <Element.Arrow\n className=\"Popover__Arrow\"\n data-testid=\"kibble-popover-arrow\"\n >\n <Element.ArrowTip />\n </Element.Arrow>\n {headerProps && (\n <PopoverHeader\n trigger={trigger}\n onContrast={onContrast}\n {...headerProps}\n />\n )}\n <Box\n className=\"Popover__Body\"\n data-testid=\"kibble-popover-body\"\n css={styles.body}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={onContrast ? \"onContrast\" : \"default\"}\n size=\"sm\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </Box>\n {footerProps && (\n <PopoverFooter\n trigger={trigger}\n destructive={\n variant === \"contrastDestructive\" ||\n variant === \"defaultDestructive\"\n }\n onContrast={onContrast}\n {...footerProps}\n />\n )}\n </Element.Content>\n </Element.Positioner>\n </Portal>\n </Element.Root>\n );\n },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}
@@ -1,2 +1,2 @@
1
- "use strict";const O=require("./index-CZ42b9rT.js"),p=require("./use-locale-context-BdqHZ8L8.js"),y=require("./index-BGwwyukg.js"),m=require("./config-BFcXpdZo.js");var C=O.createAnatomy("hoverCard").parts("arrow","arrowTip","trigger","positioner","content"),a=C.build(),v=e=>e.ids?.trigger??`hover-card:${e.id}:trigger`,T=e=>e.ids?.content??`hover-card:${e.id}:content`,b=e=>e.ids?.positioner??`hover-card:${e.id}:popper`,f=e=>e.ids?.arrow??`hover-card:${e.id}:arrow`,u=e=>e.getById(v(e)),R=e=>e.getById(T(e)),E=e=>e.getById(b(e));function L(e,t){const{state:o,send:r,prop:n,context:s,scope:c}=e,l=o.hasTag("open"),g=p.getPlacementStyles({...n("positioning"),placement:s.get("currentPlacement")});return{open:l,setOpen(i){o.hasTag("open")!==i&&r({type:i?"OPEN":"CLOSE"})},reposition(i={}){r({type:"POSITIONING.SET",options:i})},getArrowProps(){return t.element({id:f(c),...a.arrow.attrs,dir:n("dir"),style:g.arrow})},getArrowTipProps(){return t.element({...a.arrowTip.attrs,dir:n("dir"),style:g.arrowTip})},getTriggerProps(){return t.element({...a.trigger.attrs,dir:n("dir"),"data-placement":s.get("currentPlacement"),id:v(c),"data-state":l?"open":"closed",onPointerEnter(i){i.pointerType!=="touch"&&r({type:"POINTER_ENTER",src:"trigger"})},onPointerLeave(i){i.pointerType!=="touch"&&r({type:"POINTER_LEAVE",src:"trigger"})},onFocus(){r({type:"TRIGGER_FOCUS"})},onBlur(){r({type:"TRIGGER_BLUR"})}})},getPositionerProps(){return t.element({id:b(c),...a.positioner.attrs,dir:n("dir"),style:g.floating})},getContentProps(){return t.element({...a.content.attrs,dir:n("dir"),id:T(c),hidden:!l,tabIndex:-1,"data-state":l?"open":"closed","data-placement":s.get("currentPlacement"),onPointerEnter(i){i.pointerType!=="touch"&&r({type:"POINTER_ENTER",src:"content"})},onPointerLeave(i){i.pointerType!=="touch"&&r({type:"POINTER_LEAVE",src:"content"})}})}}}var{not:d,and:P}=O.createGuards(),I=O.createMachine({props({props:e}){return{openDelay:700,closeDelay:300,...e,positioning:{placement:"bottom",...e.positioning}}},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({prop:e,bindable:t}){return{open:t(()=>({defaultValue:e("defaultOpen"),value:e("open"),onChange(o){e("onOpenChange")?.({open:o})}})),currentPlacement:t(()=>({defaultValue:void 0})),isPointer:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,action:o}){e([()=>t.get("open")],()=>{o(["toggleVisibility"])})},states:{closed:{tags:["closed"],entry:["clearIsPointer"],on:{"CONTROLLED.OPEN":{target:"open"},POINTER_ENTER:{target:"opening",actions:["setIsPointer"]},TRIGGER_FOCUS:{target:"opening"},OPEN:{target:"opening"}}},opening:{tags:["closed"],effects:["waitForOpenDelay"],on:{OPEN_DELAY:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},POINTER_LEAVE:[{guard:"isOpenControlled",actions:["invokeOnClose","toggleVisibility"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_BLUR:[{guard:P("isOpenControlled",d("isPointer")),actions:["invokeOnClose","toggleVisibility"]},{guard:d("isPointer"),target:"closed",actions:["invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose","toggleVisibility"]},{target:"closed",actions:["invokeOnClose"]}]}},open:{tags:["open"],effects:["trackDismissableElement","trackPositioning"],on:{"CONTROLLED.CLOSE":{target:"closed"},POINTER_ENTER:{actions:["setIsPointer"]},POINTER_LEAVE:{target:"closing"},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_BLUR:[{guard:P("isOpenControlled",d("isPointer")),actions:["invokeOnClose"]},{guard:d("isPointer"),target:"closed",actions:["invokeOnClose"]}],"POSITIONING.SET":{actions:["reposition"]}}},closing:{tags:["open"],effects:["trackPositioning","waitForCloseDelay"],on:{CLOSE_DELAY:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"CONTROLLED.CLOSE":{target:"closed"},"CONTROLLED.OPEN":{target:"open"},POINTER_ENTER:{target:"open",actions:["setIsPointer"]}}}},implementations:{guards:{isPointer:({context:e})=>!!e.get("isPointer"),isOpenControlled:({prop:e})=>e("open")!=null},effects:{waitForOpenDelay({send:e,prop:t}){const o=setTimeout(()=>{e({type:"OPEN_DELAY"})},t("openDelay"));return()=>clearTimeout(o)},waitForCloseDelay({send:e,prop:t}){const o=setTimeout(()=>{e({type:"CLOSE_DELAY"})},t("closeDelay"));return()=>clearTimeout(o)},trackPositioning({context:e,prop:t,scope:o}){e.get("currentPlacement")||e.set("currentPlacement",t("positioning").placement);const r=()=>E(o);return p.getPlacement(u(o),r,{...t("positioning"),defer:!0,onComplete(n){e.set("currentPlacement",n.placement)}})},trackDismissableElement({send:e,scope:t,prop:o}){const r=()=>R(t);return y.trackDismissableElement(r,{defer:!0,exclude:[u(t)],onDismiss(){e({type:"CLOSE",src:"interact-outside"})},onInteractOutside:o("onInteractOutside"),onPointerDownOutside:o("onPointerDownOutside"),onFocusOutside(n){n.preventDefault(),o("onFocusOutside")?.(n)}})}},actions:{invokeOnClose({prop:e}){e("onOpenChange")?.({open:!1})},invokeOnOpen({prop:e}){e("onOpenChange")?.({open:!0})},setIsPointer({context:e}){e.set("isPointer",!0)},clearIsPointer({context:e}){e.set("isPointer",!1)},reposition({context:e,prop:t,scope:o,event:r}){const n=()=>E(o);p.getPlacement(u(o),n,{...t("positioning"),...r.options,defer:!0,listeners:!1,onComplete(s){e.set("currentPlacement",s.placement)}})},toggleVisibility({prop:e,event:t,send:o}){queueMicrotask(()=>{o({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:t})})}}}});p.createProps()(["closeDelay","dir","getRootNode","id","ids","onOpenChange","defaultOpen","open","openDelay","positioning","onInteractOutside","onPointerDownOutside","onFocusOutside"]);const h=["root","content","arrow","arrowTip","body","header","footer"],N={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},D={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"}}},k=m.defineSlotRecipe({slots:h,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{p:3},content:{border:"1px"},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3}},variants:{size:N,variant:D},defaultVariants:{size:"sm",variant:"contrast"}});exports.anatomy=C;exports.connect=L;exports.machine=I;exports.popoverRecipe=k;
2
- //# sourceMappingURL=popover.recipe-CMQQRMnL.js.map
1
+ "use strict";const O=require("./index-CZ42b9rT.js"),p=require("./use-locale-context-BdqHZ8L8.js"),y=require("./index-BGwwyukg.js"),m=require("./config-BFcXpdZo.js");var C=O.createAnatomy("hoverCard").parts("arrow","arrowTip","trigger","positioner","content"),a=C.build(),v=e=>e.ids?.trigger??`hover-card:${e.id}:trigger`,T=e=>e.ids?.content??`hover-card:${e.id}:content`,b=e=>e.ids?.positioner??`hover-card:${e.id}:popper`,f=e=>e.ids?.arrow??`hover-card:${e.id}:arrow`,u=e=>e.getById(v(e)),R=e=>e.getById(T(e)),E=e=>e.getById(b(e));function L(e,t){const{state:o,send:r,prop:n,context:s,scope:c}=e,l=o.hasTag("open"),g=p.getPlacementStyles({...n("positioning"),placement:s.get("currentPlacement")});return{open:l,setOpen(i){o.hasTag("open")!==i&&r({type:i?"OPEN":"CLOSE"})},reposition(i={}){r({type:"POSITIONING.SET",options:i})},getArrowProps(){return t.element({id:f(c),...a.arrow.attrs,dir:n("dir"),style:g.arrow})},getArrowTipProps(){return t.element({...a.arrowTip.attrs,dir:n("dir"),style:g.arrowTip})},getTriggerProps(){return t.element({...a.trigger.attrs,dir:n("dir"),"data-placement":s.get("currentPlacement"),id:v(c),"data-state":l?"open":"closed",onPointerEnter(i){i.pointerType!=="touch"&&r({type:"POINTER_ENTER",src:"trigger"})},onPointerLeave(i){i.pointerType!=="touch"&&r({type:"POINTER_LEAVE",src:"trigger"})},onFocus(){r({type:"TRIGGER_FOCUS"})},onBlur(){r({type:"TRIGGER_BLUR"})}})},getPositionerProps(){return t.element({id:b(c),...a.positioner.attrs,dir:n("dir"),style:g.floating})},getContentProps(){return t.element({...a.content.attrs,dir:n("dir"),id:T(c),hidden:!l,tabIndex:-1,"data-state":l?"open":"closed","data-placement":s.get("currentPlacement"),onPointerEnter(i){i.pointerType!=="touch"&&r({type:"POINTER_ENTER",src:"content"})},onPointerLeave(i){i.pointerType!=="touch"&&r({type:"POINTER_LEAVE",src:"content"})}})}}}var{not:d,and:P}=O.createGuards(),I=O.createMachine({props({props:e}){return{openDelay:700,closeDelay:300,...e,positioning:{placement:"bottom",...e.positioning}}},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({prop:e,bindable:t}){return{open:t(()=>({defaultValue:e("defaultOpen"),value:e("open"),onChange(o){e("onOpenChange")?.({open:o})}})),currentPlacement:t(()=>({defaultValue:void 0})),isPointer:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,action:o}){e([()=>t.get("open")],()=>{o(["toggleVisibility"])})},states:{closed:{tags:["closed"],entry:["clearIsPointer"],on:{"CONTROLLED.OPEN":{target:"open"},POINTER_ENTER:{target:"opening",actions:["setIsPointer"]},TRIGGER_FOCUS:{target:"opening"},OPEN:{target:"opening"}}},opening:{tags:["closed"],effects:["waitForOpenDelay"],on:{OPEN_DELAY:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},POINTER_LEAVE:[{guard:"isOpenControlled",actions:["invokeOnClose","toggleVisibility"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_BLUR:[{guard:P("isOpenControlled",d("isPointer")),actions:["invokeOnClose","toggleVisibility"]},{guard:d("isPointer"),target:"closed",actions:["invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose","toggleVisibility"]},{target:"closed",actions:["invokeOnClose"]}]}},open:{tags:["open"],effects:["trackDismissableElement","trackPositioning"],on:{"CONTROLLED.CLOSE":{target:"closed"},POINTER_ENTER:{actions:["setIsPointer"]},POINTER_LEAVE:{target:"closing"},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_BLUR:[{guard:P("isOpenControlled",d("isPointer")),actions:["invokeOnClose"]},{guard:d("isPointer"),target:"closed",actions:["invokeOnClose"]}],"POSITIONING.SET":{actions:["reposition"]}}},closing:{tags:["open"],effects:["trackPositioning","waitForCloseDelay"],on:{CLOSE_DELAY:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"CONTROLLED.CLOSE":{target:"closed"},"CONTROLLED.OPEN":{target:"open"},POINTER_ENTER:{target:"open",actions:["setIsPointer"]}}}},implementations:{guards:{isPointer:({context:e})=>!!e.get("isPointer"),isOpenControlled:({prop:e})=>e("open")!=null},effects:{waitForOpenDelay({send:e,prop:t}){const o=setTimeout(()=>{e({type:"OPEN_DELAY"})},t("openDelay"));return()=>clearTimeout(o)},waitForCloseDelay({send:e,prop:t}){const o=setTimeout(()=>{e({type:"CLOSE_DELAY"})},t("closeDelay"));return()=>clearTimeout(o)},trackPositioning({context:e,prop:t,scope:o}){e.get("currentPlacement")||e.set("currentPlacement",t("positioning").placement);const r=()=>E(o);return p.getPlacement(u(o),r,{...t("positioning"),defer:!0,onComplete(n){e.set("currentPlacement",n.placement)}})},trackDismissableElement({send:e,scope:t,prop:o}){const r=()=>R(t);return y.trackDismissableElement(r,{defer:!0,exclude:[u(t)],onDismiss(){e({type:"CLOSE",src:"interact-outside"})},onInteractOutside:o("onInteractOutside"),onPointerDownOutside:o("onPointerDownOutside"),onFocusOutside(n){n.preventDefault(),o("onFocusOutside")?.(n)}})}},actions:{invokeOnClose({prop:e}){e("onOpenChange")?.({open:!1})},invokeOnOpen({prop:e}){e("onOpenChange")?.({open:!0})},setIsPointer({context:e}){e.set("isPointer",!0)},clearIsPointer({context:e}){e.set("isPointer",!1)},reposition({context:e,prop:t,scope:o,event:r}){const n=()=>E(o);p.getPlacement(u(o),n,{...t("positioning"),...r.options,defer:!0,listeners:!1,onComplete(s){e.set("currentPlacement",s.placement)}})},toggleVisibility({prop:e,event:t,send:o}){queueMicrotask(()=>{o({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:t})})}}}});p.createProps()(["closeDelay","dir","getRootNode","id","ids","onOpenChange","defaultOpen","open","openDelay","positioning","onInteractOutside","onPointerDownOutside","onFocusOutside"]);const h=["root","content","arrow","arrowTip","body","header","footer"],N={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},w={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"}}},D=m.defineSlotRecipe({slots:h,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{p:3},content:{border:"1px"},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3,w:"100%"}},variants:{size:N,variant:w},defaultVariants:{size:"sm",variant:"contrast"}});exports.anatomy=C;exports.connect=L;exports.machine=I;exports.popoverRecipe=D;
2
+ //# sourceMappingURL=popover.recipe-gSRLrSEY.js.map