@televet/kibble-ui 4.0.0-beta.62 → 4.0.0-beta.64

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

@@ -1,322 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import L, { forwardRef as C, useId as Y } from "react";
-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, i as ee, j as re, k as oe, l as te, m as se, n as ae, o as ne, u as ie } from "./popover-B9rNOU0g.js";
-import { c as ce } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c 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-D-agiW5E.js";
-import { Y as l } from "./index-CYk-7wwG.js";
-import { m as Ce, c as he, p as _ } from "./popover.recipe--gMRcQTS.js";
-import { W as fe } from "./text.component-Ci1Zx-Vb.js";
-import { W as xe } from "./heading.component-CSfaj4T8.js";
-import { B as w } from "./button.component-BpF3MzbZ.js";
-import { u as T } from "./use-slot-recipe-DhtQ1j_5.js";
-import { u as S } from "./popover-root-provider-CeLLpesI.js";
-import { F as y } from "./flex-smlF8uQG.js";
-import { c as ge } from "./factory-Ctbv0Ozn.js";
-import { B as je } from "./box-Ck9I7FYv.js";
-const [$, c] = pe({
-  name: "HoverCardContext",
-  hookName: "useHoverCardContext",
-  providerName: "<HoverCardProvider />"
-}), O = C((r, s) => {
-  const o = c(), t = l(o.getArrowProps(), r);
-  return /* @__PURE__ */ e.jsx(h.div, { ...t, ref: s });
-});
-O.displayName = "HoverCardArrow";
-const z = C((r, s) => {
-  const o = c(), t = l(o.getArrowTipProps(), r);
-  return /* @__PURE__ */ e.jsx(h.div, { ...t, ref: s });
-});
-z.displayName = "HoverCardArrowTip";
-const B = C((r, s) => {
-  const o = c(), t = A(), a = l(o.getContentProps(), t.getPresenceProps(), r);
-  return t.unmounted ? null : /* @__PURE__ */ e.jsx(h.div, { ...a, ref: de(t.ref, s) });
-});
-B.displayName = "HoverCardContent";
-const be = (r) => r.children(c()), F = C((r, s) => {
-  const o = c(), t = l(o.getPositionerProps(), r);
-  return A().unmounted ? null : /* @__PURE__ */ e.jsx(h.div, { ...t, ref: s });
-});
-F.displayName = "HoverCardPositioner";
-const He = (r) => {
-  const s = Y(), { getRootNode: o } = le(), { dir: t } = ve(), a = {
-    id: s,
-    dir: t,
-    getRootNode: o,
-    ...r
-  }, n = Pe(Ce, a);
-  return he(n, me);
-}, we = (r) => {
-  const [s, { children: o, ...t }] = N(r), a = He(t), n = R(l({ present: a.open }, s));
-  return /* @__PURE__ */ e.jsx($, { value: a, children: /* @__PURE__ */ e.jsx(k, { value: n, children: o }) });
-}, ye = (r) => {
-  const [s, { value: o, children: t }] = N(r), a = R(l({ present: o.open }, s));
-  return /* @__PURE__ */ e.jsx($, { value: o, children: /* @__PURE__ */ e.jsx(k, { value: a, children: t }) });
-}, D = C((r, s) => {
-  const o = c(), t = l(o.getTriggerProps(), r);
-  return /* @__PURE__ */ e.jsx(h.button, { ...t, ref: s });
-});
-D.displayName = "HoverCardTrigger";
-const {
-  withRootProvider: E,
-  withContext: f,
-  PropsProvider: _e
-} = ce({ key: "hoverCard" }), Te = E(ye), Ae = E(
-  we
-), Ne = _e, Re = f(D, "trigger", { forwardAsChild: !0 }), ke = f(F, "positioner", { forwardAsChild: !0 }), Se = f(B, "content", { forwardAsChild: !0 }), W = f(z, "arrowTip", { forwardAsChild: !0 }), $e = f(
-  O,
-  "arrow",
-  {
-    forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ e.jsx(W, {}) }
-  }
-), Oe = be, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Arrow: $e,
-  ArrowTip: W,
-  Content: Se,
-  Context: Oe,
-  Positioner: ke,
-  PropsProvider: Ne,
-  Root: Ae,
-  RootProvider: Te,
-  Trigger: Re
-}, Symbol.toStringTag, { value: "Module" })), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Anchor: q,
-  Arrow: G,
-  ArrowTip: J,
-  Body: K,
-  CloseTrigger: Q,
-  Content: U,
-  Context: V,
-  Description: X,
-  Footer: Z,
-  Header: ee,
-  Positioner: re,
-  PropsProvider: oe,
-  Root: te,
-  RootProvider: se,
-  Title: ae,
-  Trigger: ne,
-  usePopoverStyles: ie
-}, Symbol.toStringTag, { value: "Module" })), M = ge("div", {
-  base: {
-    flex: 1,
-    justifySelf: "stretch",
-    alignSelf: "stretch"
-  }
-});
-M.displayName = "Spacer";
-const Fe = ({
-  children: r,
-  color: s,
-  hideCloseButton: o = !1,
-  onContrast: t = !0,
-  onClose: a,
-  size: n = "sm",
-  trigger: p,
-  ...d
-}) => {
-  const P = T({ recipe: _ })(), { setOpen: m } = (
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    p === "hover" ? c() : S()
-  );
-  return /* @__PURE__ */ e.jsxs(
-    y,
-    {
-      className: "Popover__HeaderWrapper",
-      "data-testid": "kibble-popover-header-wrapper",
-      css: P.header,
-      ...d,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          xe,
-          {
-            className: "Popover__Header",
-            "data-testid": "kibble-popover-header",
-            size: n,
-            color: s || "inherit",
-            children: r
-          }
-        ),
-        !o && /* @__PURE__ */ e.jsx(
-          w,
-          {
-            className: "Popover__CloseButton",
-            "data-testid": "kibble-popover-close-button",
-            variant: "ghostNeutral",
-            onContrast: t,
-            onClick: a || (() => m(!1)),
-            iconName: "close",
-            position: "absolute",
-            right: 1,
-            top: 1,
-            size: "xs"
-          }
-        )
-      ]
-    }
-  );
-}, De = ({
-  children: r,
-  disabled: s,
-  hideButtons: o = !1,
-  hideCancelButton: t = !1,
-  destructive: a,
-  loading: n,
-  onCancel: p,
-  onContrast: d = !0,
-  onSubmit: x,
-  submitText: P = "Submit",
-  trigger: m,
-  ...g
-}) => {
-  const u = T({ recipe: _ })(), { setOpen: i } = (
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    m === "hover" ? c() : S()
-  ), b = () => {
-    p && p(), i(!1);
-  };
-  return /* @__PURE__ */ e.jsxs(
-    y,
-    {
-      className: "Popover__Footer",
-      "data-testid": "kibble-popover-footer",
-      css: u.footer,
-      ...g,
-      children: [
-        r,
-        !o && /* @__PURE__ */ e.jsxs(y, { w: "100%", children: [
-          !t && /* @__PURE__ */ e.jsx(
-            w,
-            {
-              variant: "tertiary",
-              onContrast: d,
-              size: "sm",
-              onClick: b,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(M, {}),
-          /* @__PURE__ */ e.jsx(
-            w,
-            {
-              onClick: x,
-              loading: n,
-              disabled: s,
-              size: "sm",
-              onContrast: d,
-              variant: a ? "primaryDestructive" : "primary",
-              children: P
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, Ee = L.forwardRef(
-  (r, s) => {
-    const {
-      allowEscape: o = !0,
-      anchor: t,
-      children: a,
-      contentProps: n,
-      footerProps: p,
-      headerProps: d,
-      disabled: x = !1,
-      portalled: P = !0,
-      placement: m = "bottom",
-      positioning: g,
-      size: j = "sm",
-      trigger: u = "click",
-      variant: i = "default",
-      ...b
-    } = r, v = u === "hover" ? ze : Be, I = T({ recipe: _ })({ variant: i, size: j });
-    if (!a || x) return /* @__PURE__ */ e.jsx(e.Fragment, {});
-    const H = i === "contrast" || i === "contrastDestructive";
-    return /* @__PURE__ */ e.jsxs(
-      v.Root,
-      {
-        closeOnEscape: o,
-        closeOnInteractOutside: o,
-        positioning: {
-          ...g,
-          placement: g?.placement || m
-        },
-        size: j,
-        variant: i,
-        ...b,
-        children: [
-          /* @__PURE__ */ e.jsx(
-            v.Trigger,
-            {
-              className: "Popover__Trigger",
-              "data-testid": "kibble-popover-trigger",
-              width: "max-content",
-              asChild: !0,
-              children: t
-            }
-          ),
-          /* @__PURE__ */ e.jsx(ue, { disabled: !P, children: /* @__PURE__ */ e.jsx(v.Positioner, { className: "Popover", "data-testid": "kibble-popover", children: /* @__PURE__ */ e.jsxs(
-            v.Content,
-            {
-              className: "Popover__Content",
-              "data-testid": "kibble-popover-content",
-              ref: s,
-              p: 0,
-              ...n,
-              children: [
-                /* @__PURE__ */ e.jsx(
-                  v.Arrow,
-                  {
-                    className: "Popover__Arrow",
-                    "data-testid": "kibble-popover-arrow",
-                    children: /* @__PURE__ */ e.jsx(v.ArrowTip, { top: "-1px !important" })
-                  }
-                ),
-                d && /* @__PURE__ */ e.jsx(
-                  Fe,
-                  {
-                    trigger: u,
-                    onContrast: H,
-                    ...d
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  je,
-                  {
-                    className: "Popover__Body",
-                    "data-testid": "kibble-popover-body",
-                    css: I.body,
-                    children: typeof a == "string" ? /* @__PURE__ */ e.jsx(
-                      fe,
-                      {
-                        variant: H ? "onContrast" : "default",
-                        size: "sm",
-                        children: a
-                      }
-                    ) : a
-                  }
-                ),
-                p && /* @__PURE__ */ e.jsx(
-                  De,
-                  {
-                    trigger: u,
-                    destructive: i === "contrastDestructive" || i === "defaultDestructive",
-                    onContrast: H,
-                    ...p
-                  }
-                )
-              ]
-            }
-          ) }) })
-        ]
-      }
-    );
-  }
-);
-Ee.displayName = "Popover";
-export {
-  Ee as P
-};
-//# sourceMappingURL=popover.component-CUecFqu0.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.component-CUecFqu0.js","sources":["../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-content.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-context.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-positioner.js","../../node_modules/@ark-ui/react/dist/components/hover-card/use-hover-card.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-root-provider.js","../../node_modules/@ark-ui/react/dist/components/hover-card/hover-card-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/hover-card/hover-card.js","../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [HoverCardProvider, useHoverCardContext] = createContext({\n  name: \"HoverCardContext\",\n  hookName: \"useHoverCardContext\",\n  providerName: \"<HoverCardProvider />\"\n});\n\nexport { HoverCardProvider, useHoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrow = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrow.displayName = \"HoverCardArrow\";\n\nexport { HoverCardArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardArrowTip = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardArrowTip.displayName = \"HoverCardArrowTip\";\n\nexport { HoverCardArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContent = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(hoverCard.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nHoverCardContent.displayName = \"HoverCardContent\";\n\nexport { HoverCardContent };\n","'use client';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardContext = (props) => props.children(useHoverCardContext());\n\nexport { HoverCardContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardPositioner = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nHoverCardPositioner.displayName = \"HoverCardPositioner\";\n\nexport { HoverCardPositioner };\n","'use client';\nimport * as hoverCard from '@zag-js/hover-card';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useHoverCard = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(hoverCard.machine, machineProps);\n  return hoverCard.connect(service, normalizeProps);\n};\n\nexport { useHoverCard };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useHoverCard } from './use-hover-card.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const hoverCard = useHoverCard(localProps);\n  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { HoverCardProvider } from './use-hover-card-context.js';\n\nconst HoverCardRootProvider = (props) => {\n  const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));\n  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { HoverCardRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useHoverCardContext } from './use-hover-card-context.js';\n\nconst HoverCardTrigger = forwardRef((props, ref) => {\n  const hoverCard = useHoverCardContext();\n  const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nHoverCardTrigger.displayName = \"HoverCardTrigger\";\n\nexport { HoverCardTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { HoverCard } from '@ark-ui/react/hover-card';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: useHoverCardStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"hoverCard\" });\nconst HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);\nconst HoverCardRoot = withRootProvider(\n  HoverCard.Root\n);\nconst HoverCardPropsProvider = PropsProvider;\nconst HoverCardTrigger = withContext(HoverCard.Trigger, \"trigger\", { forwardAsChild: true });\nconst HoverCardPositioner = withContext(HoverCard.Positioner, \"positioner\", { forwardAsChild: true });\nconst HoverCardContent = withContext(HoverCard.Content, \"content\", { forwardAsChild: true });\nconst HoverCardArrowTip = withContext(HoverCard.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst HoverCardArrow = withContext(\n  HoverCard.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(HoverCardArrowTip, {}) }\n  }\n);\nconst HoverCardContext = HoverCard.Context;\n\nexport { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children || disabled) return <></>;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip top=\"-1px !important\" />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["HoverCardProvider","useHoverCardContext","createContext","HoverCardArrow","forwardRef","props","ref","hoverCard","mergedProps","mergeProps","jsx","ark","HoverCardArrowTip","HoverCardContent","presence","usePresenceContext","composeRefs","HoverCardContext","HoverCardPositioner","useHoverCard","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","hoverCard.machine","hoverCard.connect","normalizeProps","HoverCardRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","HoverCardRootProvider","HoverCardTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","HoverCard.RootProvider","HoverCard.Root","HoverCardPropsProvider","HoverCard.Trigger","HoverCard.Positioner","HoverCard.Content","HoverCard.ArrowTip","HoverCard.Arrow","HoverCard.Context","Spacer","chakra","PopoverHeader","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","usePopoverContext","jsxs","Flex","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAmBC,CAAmB,IAAIC,GAAc;AAAA,EAC7D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCAKC,IAAiBC,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAMC,IAAYN,EAAqB,GACjCO,IAAcC,EAAWF,EAAU,cAAa,GAAIF,CAAK;AAC/D,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAC7D,CAAC;AACDH,EAAe,cAAc;ACL7B,MAAMS,IAAoBR,EAAW,CAACC,GAAOC,MAAQ;AACnD,QAAMC,IAAYN,EAAqB,GACjCO,IAAcC,EAAWF,EAAU,iBAAgB,GAAIF,CAAK;AAClE,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAC7D,CAAC;AACDM,EAAkB,cAAc;ACHhC,MAAMC,IAAmBT,EAAW,CAACC,GAAOC,MAAQ;AAClD,QAAMC,IAAYN,EAAqB,GACjCa,IAAWC,EAAoB,GAC/BP,IAAcC,EAAWF,EAAU,gBAAiB,GAAEO,EAAS,iBAAkB,GAAET,CAAK;AAC9F,SAAIS,EAAS,YACJ,OAEcJ,gBAAAA,MAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAKQ,GAAYF,EAAS,KAAKR,CAAG,EAAC,CAAE;AAC7F,CAAC;AACDO,EAAiB,cAAc;ACf/B,MAAMI,KAAmB,CAACZ,MAAUA,EAAM,SAASJ,EAAmB,CAAE,GCKlEiB,IAAsBd,EAAW,CAACC,GAAOC,MAAQ;AACrD,QAAMC,IAAYN,EAAqB,GACjCO,IAAcC,EAAWF,EAAU,mBAAkB,GAAIF,CAAK;AAEpE,SADiBU,EAAoB,EACxB,YACJ,OAEcL,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAC7D,CAAC;AACDY,EAAoB,cAAc;ACVlC,MAAMC,KAAe,CAACd,MAAU;AAC9B,QAAMe,IAAKC,EAAO,GACZ,EAAE,aAAAC,EAAa,IAAGC,GAAuB,GACzC,EAAE,KAAAC,EAAK,IAAGC,GAAkB,GAC5BC,IAAe;AAAA,IACnB,IAAAN;AAAA,IACA,KAAAI;AAAA,IACA,aAAAF;AAAA,IACA,GAAGjB;AAAA,EACJ,GACKsB,IAAUC,GAAWC,IAAmBH,CAAY;AAC1D,SAAOI,GAAkBH,GAASI,EAAc;AAClD,GCVMC,KAAgB,CAAC3B,MAAU;AAC/B,QAAM,CAAC4B,GAAe,EAAE,UAAAC,GAAU,GAAGC,GAAY,IAAIC,EAAmB/B,CAAK,GACvEE,IAAYY,GAAagB,CAAU,GACnCrB,IAAWuB,EAAY5B,EAAW,EAAE,SAASF,EAAU,QAAQ0B,CAAa,CAAC;AACnF,SAAuBvB,gBAAAA,EAAG,IAACV,GAAmB,EAAE,OAAOO,GAAW,UAA0BG,gBAAAA,MAAI4B,GAAkB,EAAE,OAAOxB,GAAU,UAAAoB,EAAQ,CAAE,EAAC,CAAE;AACpJ,GCNMK,KAAwB,CAAClC,MAAU;AACvC,QAAM,CAAC4B,GAAe,EAAE,OAAO1B,GAAW,UAAA2B,GAAU,IAAIE,EAAmB/B,CAAK,GAC1ES,IAAWuB,EAAY5B,EAAW,EAAE,SAASF,EAAU,QAAQ0B,CAAa,CAAC;AACnF,SAAuBvB,gBAAAA,EAAG,IAACV,GAAmB,EAAE,OAAOO,GAAW,UAA0BG,gBAAAA,MAAI4B,GAAkB,EAAE,OAAOxB,GAAU,UAAAoB,EAAQ,CAAE,EAAC,CAAE;AACpJ,GCLMM,IAAmBpC,EAAW,CAACC,GAAOC,MAAQ;AAClD,QAAMC,IAAYN,EAAqB,GACjCO,IAAcC,EAAWF,EAAU,gBAAe,GAAIF,CAAK;AACjE,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,QAAQ,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAChE,CAAC;AACDkC,EAAiB,cAAc;ACN/B,MAAM;AAAA,EACJ,kBAAAC;AAAA,EACA,aAAAC;AAAA,EAEA,eAAAC;AACF,IAAIC,GAAwB,EAAE,KAAK,aAAa,GAC1CL,KAAwBE,EAAiBI,EAAsB,GAC/Db,KAAgBS;AAAA,EACpBK;AACF,GACMC,KAAyBJ,IACzBH,KAAmBE,EAAYM,GAAmB,WAAW,EAAE,gBAAgB,IAAM,GACrF9B,KAAsBwB,EAAYO,GAAsB,cAAc,EAAE,gBAAgB,IAAM,GAC9FpC,KAAmB6B,EAAYQ,GAAmB,WAAW,EAAE,gBAAgB,IAAM,GACrFtC,IAAoB8B,EAAYS,GAAoB,YAAY,EAAE,gBAAgB,IAAM,GACxFhD,KAAiBuC;AAAA,EACrBU;AAAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,cAAc,EAAE,UAA0B1C,gBAAAA,MAAIE,GAAmB,CAAA,CAAE,EAAC;AAAA,EACxE;AACA,GACMK,KAAmBoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CCzBnBC,IAASC,GAAO,OAAO;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EACf;AACA,CAAC;AACDD,EAAO,cAAc;ACWd,MAAME,KAAgB,CAAC;AAAA,EAC5B,UAAAtB;AAAA,EACA,OAAAuB;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,GAAGC;AACL,MAAqD;AAEnD,QAAMC,IADSC,EAAc,EAAE,QAAQC,GAAe,EAChC,GAChB,EAAE,SAAAC,EAAQ;AAAA;AAAA,IAEdL,MAAY,UAAU7D,EAAoB,IAAImE,EAAkB;AAAA;AAGhE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKN,EAAO;AAAA,MACX,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAArD,gBAAAA,EAAA;AAAA,UAAC6D;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAAV;AAAA,YACA,OAAOJ,KAAS;AAAA,YAEf,UAAAvB;AAAA,UAAA;AAAA,QACH;AAAA,QACC,CAACwB,KACAhD,gBAAAA,EAAA;AAAA,UAAC8D;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,SAAQ;AAAA,YACR,YAAAb;AAAA,YACA,SAASC,MAAoB,MAAYO,EAAQ,EAAK;AAAA,YACtD,UAAS;AAAA,YACT,UAAS;AAAA,YACT,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAEJ;AAEJ,GC1CaM,KAAgB,CAAC;AAAA,EAC5B,UAAAvC;AAAA,EACA,UAAAwC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAApB,IAAa;AAAA,EACb,UAAAqB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAnB;AAAA,EACA,GAAGC;AACL,MAAqD;AAEnD,QAAMC,IADSC,EAAc,EAAE,QAAQC,GAAe,EAChC,GAChB,EAAE,SAAAC,EAAQ;AAAA;AAAA,IAEdL,MAAY,UAAU7D,EAAoB,IAAImE,EAAkB;AAAA,KAE5Dc,IAAe,MAAY;AAC/B,IAAIH,KACOA,EAAA,GAEXZ,EAAQ,EAAK;AAAA,EACf;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKN,EAAO;AAAA,MACX,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAA7B;AAAA,QACA,CAACyC,KACCN,gBAAAA,EAAAA,KAAAC,GAAA,EAAK,GAAE,QACL,UAAA;AAAA,UAAA,CAACM,KACAlE,gBAAAA,EAAA;AAAA,YAAC8D;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,YAAAb;AAAA,cACA,MAAK;AAAA,cACL,SAASuB;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,gCAED5B,GAAO,EAAA;AAAA,UACR5C,gBAAAA,EAAA;AAAA,YAAC8D;AAAA,YAAA;AAAA,cACC,SAASQ;AAAA,cACT,SAAAF;AAAA,cACA,UAAAJ;AAAA,cACA,MAAK;AAAA,cACL,YAAAf;AAAA,cACA,SAASkB,IAAc,uBAAuB;AAAA,cAE7C,UAAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,GCzCaE,KAAUC,EAAM;AAAA,EAC3B,CAAC/E,GAAOC,MAAyB;AACzB,UAAA;AAAA,MACJ,aAAA+E,IAAc;AAAA,MACd,QAAAC;AAAA,MACA,UAAApD;AAAA,MACA,cAAAqD;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAf,IAAW;AAAA,MACX,WAAAgB,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,aAAAC;AAAA,MACA,MAAA/B,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,SAAA+B,IAAU;AAAA,MACV,GAAG9B;AAAA,IAAA,IACD1D,GACEyF,IAAUhC,MAAY,UAAUiC,KAAYC,IAE5ChC,IADSC,EAAc,EAAE,QAAQC,GAAe,EAChC,EAAE,SAAA2B,GAAS,MAAAhC,GAAM;AAEvC,QAAI,CAAC3B,KAAYwC,EAAU,QAAShE,gBAAAA,EAAAA,IAAAuF,EAAAA,UAAA,CAAA,CAAA;AAE9B,UAAAtC,IACJkC,MAAY,cAAcA,MAAY;AAGtC,WAAAxB,gBAAAA,EAAA;AAAA,MAACyB,EAAQ;AAAA,MAAR;AAAA,QACC,eAAeT;AAAA,QACf,wBAAwBA;AAAA,QACxB,aAAa;AAAA,UACX,GAAGO;AAAA,UACH,WAAWA,GAAa,aAAaD;AAAA,QACvC;AAAA,QACA,MAAA9B;AAAA,QACA,SAAAgC;AAAA,QACC,GAAG9B;AAAA,QAEJ,UAAA;AAAA,UAAArD,gBAAAA,EAAA;AAAA,YAACoF,EAAQ;AAAA,YAAR;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,OAAM;AAAA,cACN,SAAO;AAAA,cAEN,UAAAR;AAAA,YAAA;AAAA,UACH;AAAA,UACC5E,gBAAAA,EAAA,IAAAwF,IAAA,EAAO,UAAU,CAACR,GACjB,UAAAhF,gBAAAA,EAAA,IAACoF,EAAQ,YAAR,EAAmB,WAAU,WAAU,eAAY,kBAClD,UAAAzB,gBAAAA,EAAA;AAAA,YAACyB,EAAQ;AAAA,YAAR;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,KAAAxF;AAAA,cACA,GAAG;AAAA,cACF,GAAGiF;AAAA,cAEJ,UAAA;AAAA,gBAAA7E,gBAAAA,EAAA;AAAA,kBAACoF,EAAQ;AAAA,kBAAR;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBAEZ,UAACpF,gBAAAA,EAAA,IAAAoF,EAAQ,UAAR,EAAiB,KAAI,kBAAkB,CAAA;AAAA,kBAAA;AAAA,gBAC1C;AAAA,gBACCL,KACC/E,gBAAAA,EAAA;AAAA,kBAAC8C;AAAA,kBAAA;AAAA,oBACC,SAAAM;AAAA,oBACA,YAAAH;AAAA,oBACC,GAAG8B;AAAA,kBAAA;AAAA,gBACN;AAAA,gBAEF/E,gBAAAA,EAAA;AAAA,kBAACyF;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBACZ,KAAKnC,EAAO;AAAA,oBAEX,UAAA,OAAO9B,KAAa,WACnBxB,gBAAAA,EAAA;AAAA,sBAAC0F;AAAAA,sBAAA;AAAA,wBACC,SAASzC,IAAa,eAAe;AAAA,wBACrC,MAAK;AAAA,wBAEJ,UAAAzB;AAAA,sBAAA;AAAA,oBAAA,IAGHA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBACCsD,KACC9E,gBAAAA,EAAA;AAAA,kBAAC+D;AAAA,kBAAA;AAAA,oBACC,SAAAX;AAAA,oBACA,aACE+B,MAAY,yBACZA,MAAY;AAAA,oBAEd,YAAAlC;AAAA,oBACC,GAAG6B;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACN;AAAA,YAAA;AAAA,aAGN,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAL,GAAQ,cAAc;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}