@televet/kibble-ui 4.0.0-beta.83 → 4.0.0-beta.85

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

@@ -0,0 +1,260 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { useRef as k } from "react";
+import { P as w, a as R, b as A, c as N, d as S, e as O, f as B, g as z, h as D, i as F, j as W, k as E, l as M, m as $, n as I, o as V, u as q, p as _ } from "./popover.recipe--wfvH9po.js";
+import { H as G, a as J, b as K, c as L, d as Q, e as U, f as X, g as Y, h as Z, u as y } from "./tooltip.component-9qe1CRgu.js";
+import { W as ee } from "./text.component-C9eIXYn5.js";
+import { W as oe } from "./heading.component-BX2ec0zU.js";
+import { B as j } from "./button.component-BpF3MzbZ.js";
+import { u as g } from "./use-slot-recipe-DhtQ1j_5.js";
+import { u as T } from "./popover-root-provider-BErev2-N.js";
+import { F as h } from "./flex-smlF8uQG.js";
+import { c as re } from "./factory-Ctbv0Ozn.js";
+import { P as te } from "./usePortalContentRef-KaU-iIV0.js";
+import { P as se } from "./use-locale-context-BiiNTYMT.js";
+import { B as ae } from "./box-Ck9I7FYv.js";
+const ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: G,
+  ArrowTip: J,
+  Content: K,
+  Context: L,
+  Positioner: Q,
+  PropsProvider: U,
+  Root: X,
+  RootProvider: Y,
+  Trigger: Z
+}, Symbol.toStringTag, { value: "Module" })), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Anchor: w,
+  Arrow: R,
+  ArrowTip: A,
+  Body: N,
+  CloseTrigger: S,
+  Content: O,
+  Context: B,
+  Description: z,
+  Footer: D,
+  Header: F,
+  Positioner: W,
+  PropsProvider: E,
+  Root: M,
+  RootProvider: $,
+  Title: I,
+  Trigger: V,
+  usePopoverStyles: q
+}, Symbol.toStringTag, { value: "Module" })), H = re("div", {
+  base: {
+    flex: 1,
+    justifySelf: "stretch",
+    alignSelf: "stretch"
+  }
+});
+H.displayName = "Spacer";
+const ne = ({
+  children: s,
+  color: a,
+  hideCloseButton: o = !1,
+  onContrast: d = !0,
+  onClose: r,
+  size: i = "sm",
+  trigger: t,
+  ...p
+}) => {
+  const n = g({ recipe: _ })(), { setOpen: v } = (
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    t === "hover" ? y() : T()
+  );
+  return /* @__PURE__ */ e.jsxs(
+    h,
+    {
+      className: "Popover__HeaderWrapper",
+      "data-testid": "kibble-popover-header-wrapper",
+      css: n.header,
+      ...p,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          oe,
+          {
+            className: "Popover__Header",
+            "data-testid": "kibble-popover-header",
+            size: i,
+            color: a || "inherit",
+            children: s
+          }
+        ),
+        !o && t === "click" && /* @__PURE__ */ e.jsx(
+          j,
+          {
+            className: "Popover__CloseButton",
+            "data-testid": "kibble-popover-close-button",
+            variant: "ghostNeutral",
+            onContrast: d,
+            onClick: r || (() => v(!1)),
+            iconName: "close",
+            position: "absolute",
+            right: 1,
+            top: 1,
+            size: "xs"
+          }
+        )
+      ]
+    }
+  );
+}, ce = ({
+  children: s,
+  disabled: a,
+  hideButtons: o = !1,
+  hideCancelButton: d = !1,
+  destructive: r,
+  loading: i,
+  onCancel: t,
+  onContrast: p = !0,
+  onSubmit: P,
+  submitText: n = "Submit",
+  trigger: v,
+  ...m
+}) => {
+  const x = g({ recipe: _ })(), { setOpen: u } = (
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    v === "hover" ? y() : T()
+  ), b = () => {
+    t && t(), u(!1);
+  };
+  return /* @__PURE__ */ e.jsxs(
+    h,
+    {
+      className: "Popover__Footer",
+      "data-testid": "kibble-popover-footer",
+      css: x.footer,
+      ...m,
+      children: [
+        s,
+        !o && /* @__PURE__ */ e.jsxs(h, { w: "100%", children: [
+          !d && /* @__PURE__ */ e.jsx(
+            j,
+            {
+              variant: "tertiary",
+              onContrast: p,
+              size: "sm",
+              onClick: b,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(H, {}),
+          /* @__PURE__ */ e.jsx(
+            j,
+            {
+              onClick: P,
+              loading: i,
+              disabled: a,
+              size: "sm",
+              onContrast: p,
+              variant: r ? "primaryDestructive" : "primary",
+              children: n
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Te = ({
+  allowEscape: s = !0,
+  anchor: a,
+  children: o,
+  contentProps: d,
+  footerProps: r,
+  headerProps: i,
+  disabled: t = !1,
+  portalled: p = !0,
+  placement: P = "bottom",
+  positioning: n,
+  size: v = "sm",
+  trigger: m = "click",
+  variant: c = "default",
+  ...x
+}) => {
+  const u = k(null), b = { contentRef: u }, l = m === "hover" ? ie : pe, f = g({ recipe: _ })({ variant: c, size: v });
+  if (t) return a;
+  const C = c === "contrast" || c === "contrastDestructive";
+  return /* @__PURE__ */ e.jsxs(
+    l.Root,
+    {
+      closeOnEscape: s,
+      closeOnInteractOutside: s,
+      positioning: {
+        ...n,
+        placement: n?.placement || P
+      },
+      ...x,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          l.Trigger,
+          {
+            asChild: !0,
+            className: "Popover__Trigger",
+            "data-testid": "kibble-popover-trigger",
+            children: a
+          }
+        ),
+        /* @__PURE__ */ e.jsx(se, { disabled: !p, children: /* @__PURE__ */ e.jsx(l.Positioner, { className: "Popover", "data-testid": "kibble-popover", children: /* @__PURE__ */ e.jsx(te.Provider, { value: b, children: /* @__PURE__ */ e.jsxs(
+          l.Content,
+          {
+            className: "Popover__Content",
+            "data-testid": "kibble-popover-content",
+            ref: u,
+            ...d,
+            css: f.content,
+            children: [
+              /* @__PURE__ */ e.jsx(
+                l.Arrow,
+                {
+                  className: "Popover__Arrow",
+                  "data-testid": "kibble-popover-arrow",
+                  css: f.arrow,
+                  children: /* @__PURE__ */ e.jsx(l.ArrowTip, { css: f.arrowTip })
+                }
+              ),
+              i && /* @__PURE__ */ e.jsx(
+                ne,
+                {
+                  trigger: m,
+                  onContrast: C,
+                  ...i
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                ae,
+                {
+                  className: "Popover__Body",
+                  "data-testid": "kibble-popover-body",
+                  css: f.body,
+                  children: typeof o == "string" ? /* @__PURE__ */ e.jsx(
+                    ee,
+                    {
+                      variant: C ? "onContrast" : "default",
+                      size: "sm",
+                      children: o
+                    }
+                  ) : o
+                }
+              ),
+              r && /* @__PURE__ */ e.jsx(
+                ce,
+                {
+                  trigger: m,
+                  destructive: c === "contrastDestructive" || c === "defaultDestructive",
+                  onContrast: C,
+                  ...r
+                }
+              )
+            ]
+          }
+        ) }) }) })
+      ]
+    }
+  );
+};
+export {
+  Te as P
+};
+//# sourceMappingURL=popover.component-mpL0KcDz.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-mpL0KcDz.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\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 && trigger === \"click\" && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\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, { useRef } from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\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\";\nimport { PortalContext } from \"hooks/usePortalContentRef\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  disabled = false,\n  portalled = true,\n  placement = \"bottom\",\n  positioning,\n  size = \"sm\",\n  trigger = \"click\",\n  variant = \"default\",\n  ...rest\n}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const Element = trigger === \"hover\" ? HoverCard : CPopover;\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe({ variant, size });\n\n  if (disabled) return anchor;\n\n  const onContrast =\n    variant === \"contrast\" || variant === \"contrastDestructive\";\n\n  return (\n    <Element.Root\n      closeOnEscape={allowEscape}\n      closeOnInteractOutside={allowEscape}\n      positioning={{\n        ...positioning,\n        placement: positioning?.placement || placement,\n      }}\n      {...rest}\n    >\n      <Element.Trigger\n        asChild\n        className=\"Popover__Trigger\"\n        data-testid=\"kibble-popover-trigger\"\n      >\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n                css={styles.arrow}\n              >\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </PortalContext.Provider>\n        </Element.Positioner>\n      </Portal>\n    </Element.Root>\n  );\n};\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","contentRef","useRef","contextValue","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,236 @@
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import { c as x } from "./create-slot-recipe-context-BJmsuxih.js";
+import { u as p, P as C, a as T, b as A, c as y, d as R } from "./popover-root-provider-BErev2-N.js";
+import { forwardRef as a } from "react";
+import { f as i, u as v } from "./use-locale-context-BiiNTYMT.js";
+import { a1 as d } from "./index-YtNA0Ueo.js";
+import { a as j } from "./config-DlTdf-Yt.js";
+const l = a((r, e) => {
+  const o = p(), t = d(o.getAnchorProps(), r);
+  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+});
+l.displayName = "PopoverAnchor";
+const P = a((r, e) => {
+  const o = p(), t = d(o.getArrowProps(), r);
+  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+});
+P.displayName = "PopoverArrow";
+const g = a((r, e) => {
+  const o = p(), t = d(o.getArrowTipProps(), r);
+  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+});
+g.displayName = "PopoverArrowTip";
+const u = a((r, e) => {
+  const o = p(), t = d(o.getDescriptionProps(), r);
+  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+});
+u.displayName = "PopoverDescription";
+const b = a((r, e) => {
+  const o = p(), t = d(o.getIndicatorProps(), r);
+  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+});
+b.displayName = "PopoverIndicator";
+const m = a((r, e) => {
+  const o = p(), t = v(), c = d(o.getPositionerProps(), r);
+  return t.unmounted ? null : /* @__PURE__ */ n.jsx(i.div, { ...c, ref: e });
+});
+m.displayName = "PopoverPositioner";
+const f = a((r, e) => {
+  const o = p(), t = d(o.getTitleProps(), r);
+  return /* @__PURE__ */ n.jsx(i.div, { ...t, ref: e });
+});
+f.displayName = "PopoverTitle";
+const w = a((r, e) => {
+  const o = p(), t = v(), c = d(
+    {
+      ...o.getTriggerProps(),
+      "aria-controls": t.unmounted ? void 0 : o.getTriggerProps()["aria-controls"]
+    },
+    r
+  );
+  return /* @__PURE__ */ n.jsx(i.button, { ...c, ref: e });
+});
+w.displayName = "PopoverTrigger";
+const {
+  withRootProvider: h,
+  withContext: s,
+  useStyles: F,
+  PropsProvider: $
+} = x({ key: "popover" }), q = h(
+  R
+), G = h(y), J = $, K = s(w, "trigger", { forwardAsChild: !0 }), L = s(m, "positioner", { forwardAsChild: !0 }), M = s(
+  T,
+  "content",
+  { forwardAsChild: !0 }
+), k = s(g, "arrowTip", { forwardAsChild: !0 }), O = s(
+  P,
+  "arrow",
+  {
+    forwardAsChild: !0,
+    defaultProps: { children: /* @__PURE__ */ n.jsx(k, {}) }
+  }
+), Q = s(A, "closeTrigger", { forwardAsChild: !0 });
+s(b, "indicator", { forwardAsChild: !0 });
+const U = s(
+  f,
+  "title",
+  { forwardAsChild: !0 }
+), X = s(u, "description", { forwardAsChild: !0 }), Y = s(
+  "footer",
+  "footer"
+), Z = s(
+  "header",
+  "header"
+), _ = s(
+  "div",
+  "body"
+), oo = s(
+  l,
+  void 0,
+  { forwardAsChild: !0 }
+), ro = C, S = [
+  "root",
+  "content",
+  "arrow",
+  "arrowTip",
+  "body",
+  "header",
+  "footer",
+  "trigger"
+], 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"
+    }
+  }
+}, eo = j({
+  slots: S,
+  base: {
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px",
+      top: "-1px !important"
+    },
+    body: {
+      p: 3
+    },
+    content: {
+      borderRadius: "base",
+      border: "1px",
+      p: 0
+    },
+    footer: {
+      borderTop: 0,
+      borderRadius: "inherit",
+      pb: 3,
+      pt: 0,
+      px: 3
+    },
+    header: {
+      borderBottom: 0,
+      borderRadius: "inherit",
+      minH: 6,
+      pb: 0,
+      pt: 3,
+      px: 3,
+      w: "100%"
+    },
+    trigger: {
+      width: "max-content"
+    }
+  },
+  variants: {
+    size: N,
+    variant: D
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "default"
+  }
+});
+export {
+  oo as P,
+  O as a,
+  k as b,
+  _ as c,
+  Q as d,
+  M as e,
+  ro as f,
+  X as g,
+  Y as h,
+  Z as i,
+  L as j,
+  J as k,
+  G as l,
+  q as m,
+  U as n,
+  K as o,
+  eo as p,
+  F as u
+};
+//# sourceMappingURL=popover.recipe--wfvH9po.js.map

package/dist/chunks/popover.recipe--wfvH9po.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipe--wfvH9po.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js","../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getAnchorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getPositionerProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...popover.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: usePopoverStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n  Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n  Popover.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n  Popover.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n  }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n  Popover.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n  \"footer\",\n  \"footer\"\n);\nconst PopoverHeader = withContext(\n  \"header\",\n  \"header\"\n);\nconst PopoverBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst PopoverAnchor = withContext(\n  Popover.Anchor,\n  void 0,\n  { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n","import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\"\n  | \"trigger\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\n  \"trigger\",\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: \"1px\",\n      borderInlineStartWidth: \"1px\",\n      top: \"-1px !important\",\n    },\n    body: {\n      p: 3,\n    },\n    content: {\n      borderRadius: \"base\",\n      border: \"1px\",\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: \"inherit\",\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: \"inherit\",\n      minH: 6,\n      pb: 0,\n      pt: 3,\n      px: 3,\n      w: \"100%\",\n    },\n    trigger: {\n      width: \"max-content\",\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"default\",\n  },\n});\n"],"names":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

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

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

package/dist/chunks/popover.recipe-CAAwv6E3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipe-CAAwv6E3.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js","../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getAnchorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getPositionerProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...popover.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: usePopoverStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n  Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n  Popover.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n  Popover.Arrow,\n  \"arrow\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n  }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n  Popover.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n  \"footer\",\n  \"footer\"\n);\nconst PopoverHeader = withContext(\n  \"header\",\n  \"header\"\n);\nconst PopoverBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst PopoverAnchor = withContext(\n  Popover.Anchor,\n  void 0,\n  { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n","import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\"\n  | \"trigger\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\n  \"trigger\",\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: \"1px\",\n      borderInlineStartWidth: \"1px\",\n      top: \"-1px !important\",\n    },\n    body: {\n      p: 3,\n    },\n    content: {\n      borderRadius: \"base\",\n      border: \"1px\",\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: \"inherit\",\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: \"inherit\",\n      minH: 6,\n      pb: 0,\n      pt: 3,\n      px: 3,\n      w: \"100%\",\n    },\n    trigger: {\n      width: \"max-content\",\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"default\",\n  },\n});\n"],"names":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/chunks/radioGroup.component-CwPoKOrk.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),b=require("./withFormControl-D7WX39-P.js"),p=require("react"),g=require("./card.component-KNc4HKSh.js"),f=require("./radio.records-j0JOqaJ4.js"),H=require("./text.component-CcMdvaZu.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),k=require("./attr-BMs6szZx.js"),F=require("./empty-B5_AO6Pg.js"),V=require("./factory-D6tdBUPG.js"),Y=require("./use-recipe-DaPWl_pL.js"),i=require("./use-locale-context-D0LByRu9.js"),l=require("./index-CHIISuTq.js"),B=require("./buttonGroup.component-YRADr8Ih.js"),D=require("./stack-BKu3hWEQ.js"),O=e=>e&&e.__esModule?e:{default:e},E=O(p),[y,P]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,I]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),N=p.forwardRef((e,o)=>{const[t,r]=i.createSplitProps()(e,["value","disabled","invalid"]),a=P(),n=l.mergeProps(a.getItemProps(t),r),c=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:c,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:o})})})});N.displayName="RadioGroupItem";const U=e=>e.children(K()),v=p.forwardRef((e,o)=>{const t=P(),r=I(),a=l.mergeProps(t.getItemControlProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})});v.displayName="RadioGroupItemControl";const w=p.forwardRef((e,o)=>{const t=P(),r=I(),a=l.mergeProps(t.getItemHiddenInputProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:o})});w.displayName="RadioGroupItemHiddenInput";const _=p.forwardRef((e,o)=>{const t=P(),r=I(),a=l.mergeProps(t.getItemTextProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:o})});_.displayName="RadioGroupItemText";const q=p.forwardRef((e,o)=>{const t=P(),r=l.mergeProps(t.getLabelProps(),e);return s.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:o})});q.displayName="RadioGroupLabel";const X=e=>{const o=p.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:r}=i.useLocaleContext(),a={id:o,dir:r,getRootNode:t,...e},n=i.useMachine(f.machine,a);return f.connect(n,i.normalizeProps)},S=p.forwardRef((e,o)=>{const[t,r]=i.createSplitProps()(e,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=l.mergeProps(a.getRootProps(),r);return s.jsxRuntimeExports.jsx(y,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:o})})});S.displayName="RadioGroupRoot";const T=p.forwardRef((e,o)=>{const[{value:t},r]=i.createSplitProps()(e,["value"]),a=l.mergeProps(t.getRootProps(),r);return s.jsxRuntimeExports.jsx(y,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})})});T.displayName="RadioGroupRootProvider";const Z=p.forwardRef(function(o,t){const r=Y.useRecipe({key:"radiomark",recipe:o.recipe}),[a,n]=r.splitVariantProps(o),{checked:c,disabled:u,unstyled:m,children:x,...R}=n,j=m?F.EMPTY_STYLES:r(a),G={ref:t,"data-checked":k.dataAttr(c),"data-disabled":k.dataAttr(u),...R,css:[j,o.css]};return s.jsxRuntimeExports.jsx(V.chakra.span,{...G,children:c&&s.jsxRuntimeExports.jsx("span",{className:"dot"})})}),{withProvider:A,withContext:h,useStyles:z}=M.createSlotRecipeContext({key:"radioGroup"});A(T,"root",{forwardAsChild:!0});const ee=A(S,"root",{forwardAsChild:!0});h(q,"label",{forwardAsChild:!0});const oe=h(N,"item",{forwardAsChild:!0}),te=h(_,"itemText",{forwardAsChild:!0});h(v,"itemControl",{forwardAsChild:!0});const re=p.forwardRef(function(o,t){const r=z();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(v,{asChild:!0,children:s.jsxRuntimeExports.jsx(Z,{ref:t,unstyled:!0,...o,checked:a.checked,disabled:a.disabled,css:[r.itemControl,o.css]})})})}),se=w,$=E.default.forwardRef(({children:e,checked:o=!1,disabled:t=!1,invalid:r=!1,onContrast:a=!1,radioRef:n,rootRef:c,size:u="md",withCard:m=!1,...x},R)=>{const j=m?G=>{const d=(f.RadioSizeMap[u]+f.RadioTextSpacing[u]+g.CardPaddingMap[u])*4;return s.jsxRuntimeExports.jsx(g.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!t&&{interactive:!0,invalid:r,active:!!o},onContrast:a,size:u,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${d}px`,children:G.children})}:E.default.Fragment;return s.jsxRuntimeExports.jsx(oe,{className:"Radio","data-testid":"kibble-radio",invalid:r,disabled:t,ref:c,...x,children:s.jsxRuntimeExports.jsxs(j,{children:[s.jsxRuntimeExports.jsx(se,{className:"Radio__Input","data-testid":"kibble-radio-input",ref:n||R}),s.jsxRuntimeExports.jsx(re,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&s.jsxRuntimeExports.jsx(te,{className:"Radio__Text","data-testid":"kibble-radio-label",...m&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?s.jsxRuntimeExports.jsx(H.WrappedText,{size:u,lineHeight:"unset",variant:a?"onContrast":"default",children:e}):e})]})})});$.displayName="Radio";const ae=b.withFormControl($),L=({radios:e,defaultValue:o,direction:t="column",disabled:r,invalid:a,onContrast:n,onChange:c,size:u="md",radioType:m="default",value:x,gap:R=2,...j})=>{const G=n?"onContrast":"default";return s.jsxRuntimeExports.jsxs(ee,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:r,defaultValue:o,value:x,onValueChange:({value:d})=>c?.(d),size:u,variant:G,...j,children:[m==="default"&&s.jsxRuntimeExports.jsx(D.Stack,{gap:R,direction:t,children:e.map((d,C)=>s.jsxRuntimeExports.jsx(ae,{invalid:a,disabled:r,checked:o===d.value||x===d.value,size:u,...t==="row"&&{fullWidth:!1},...d},`radio-${C}`))}),m==="buttons"&&s.jsxRuntimeExports.jsx(B.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:e.map((d,C)=>{const W=o===d.value||x===d.value;return{key:`button-radio-${C}`,children:d.children,active:W,disabled:r,onClick:()=>c?.(d.value)}})})]})};L.displayName="RadioGroup";const ie=b.withFormControl(L);exports.WrappedRadioGroup=ie;
+//# sourceMappingURL=radioGroup.component-CwPoKOrk.js.map