@televet/kibble-ui 4.0.0-beta.59 → 4.0.0-beta.6

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

@@ -0,0 +1,221 @@
+import { bQ as k, bR as C, x as e, bP as N } from "./vendor-BBfll6i3.js";
+import w from "react";
+import { y as _, F as P, aa as R, ab as B, ac as H, B as z } from "./chakra-BqBkjpvZ.js";
+import { W as F } from "./text.component-XYjOAc2s.js";
+import { W as O } from "./heading.component-B8niLTxz.js";
+import { B as j } from "./button.component-SBirRhyz.js";
+import { p as g } from "./popover.recipe-DnCuZJd3.js";
+const W = ({
+  children: p,
+  color: c,
+  hideCloseButton: a = !1,
+  onContrast: n = !0,
+  onClose: r,
+  size: l = "sm",
+  trigger: o,
+  ...s
+}) => {
+  const d = _({ recipe: g })(), { setOpen: m } = (
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    o === "hover" ? k() : C()
+  );
+  return /* @__PURE__ */ e.jsxs(
+    P,
+    {
+      className: "Popover__HeaderWrapper",
+      "data-testid": "kibble-popover-header-wrapper",
+      css: d.header,
+      ...s,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          O,
+          {
+            className: "Popover__Header",
+            "data-testid": "kibble-popover-header",
+            size: l,
+            color: c || "inherit",
+            children: p
+          }
+        ),
+        !a && /* @__PURE__ */ e.jsx(
+          j,
+          {
+            className: "Popover__CloseButton",
+            "data-testid": "kibble-popover-close-button",
+            variant: "ghostNeutral",
+            onContrast: n,
+            onClick: r || (() => m(!1)),
+            iconName: "close",
+            position: "absolute",
+            right: 1,
+            top: 1,
+            size: "xs"
+          }
+        )
+      ]
+    }
+  );
+}, D = ({
+  children: p,
+  disabled: c,
+  hideButtons: a = !1,
+  hideCancelButton: n = !1,
+  destructive: r,
+  loading: l,
+  onCancel: o,
+  onContrast: s = !0,
+  onSubmit: x,
+  submitText: d = "Submit",
+  trigger: m,
+  ...b
+}) => {
+  const v = _({ recipe: g })(), { setOpen: t } = (
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    m === "hover" ? k() : C()
+  ), h = () => {
+    o && o(), t(!1);
+  };
+  return /* @__PURE__ */ e.jsxs(
+    P,
+    {
+      className: "Popover__Footer",
+      "data-testid": "kibble-popover-footer",
+      css: v.footer,
+      ...b,
+      children: [
+        p,
+        !a && /* @__PURE__ */ e.jsxs(P, { w: "100%", children: [
+          !n && /* @__PURE__ */ e.jsx(
+            j,
+            {
+              variant: "tertiary",
+              onContrast: s,
+              size: "sm",
+              onClick: h,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(R, {}),
+          /* @__PURE__ */ e.jsx(
+            j,
+            {
+              onClick: x,
+              loading: l,
+              disabled: c,
+              size: "sm",
+              onContrast: s,
+              variant: r ? "primaryDestructive" : "primary",
+              children: d
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, E = w.forwardRef(
+  (p, c) => {
+    const {
+      allowEscape: a = !0,
+      anchor: n,
+      children: r,
+      contentProps: l,
+      footerProps: o,
+      headerProps: s,
+      disabled: x = !1,
+      portalled: d = !0,
+      placement: m = "bottom",
+      positioning: b,
+      size: u = "sm",
+      trigger: v = "click",
+      variant: t = "contrast",
+      ...h
+    } = p, i = v === "hover" ? B : H, y = _({ recipe: g })({ variant: t, size: u });
+    if (!r) return /* @__PURE__ */ e.jsx(e.Fragment, {});
+    if (x) return r;
+    const f = t === "contrast" || t === "contrastDestructive";
+    return /* @__PURE__ */ e.jsxs(
+      i.Root,
+      {
+        closeOnEscape: a,
+        closeOnInteractOutside: a,
+        positioning: {
+          ...b,
+          placement: b?.placement || m
+        },
+        size: u,
+        variant: t,
+        ...h,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            i.Trigger,
+            {
+              className: "Popover__Trigger",
+              "data-testid": "kibble-popover-trigger",
+              width: "max-content",
+              asChild: !0,
+              children: n
+            }
+          ),
+          /* @__PURE__ */ e.jsx(N, { disabled: !d, children: /* @__PURE__ */ e.jsx(i.Positioner, { className: "Popover", "data-testid": "kibble-popover", children: /* @__PURE__ */ e.jsxs(
+            i.Content,
+            {
+              className: "Popover__Content",
+              "data-testid": "kibble-popover-content",
+              ref: c,
+              p: 0,
+              ...l,
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  i.Arrow,
+                  {
+                    className: "Popover__Arrow",
+                    "data-testid": "kibble-popover-arrow",
+                    children: /* @__PURE__ */ e.jsx(i.ArrowTip, {})
+                  }
+                ),
+                s && /* @__PURE__ */ e.jsx(
+                  W,
+                  {
+                    trigger: v,
+                    onContrast: f,
+                    ...s
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  z,
+                  {
+                    className: "Popover__Body",
+                    "data-testid": "kibble-popover-body",
+                    css: y.body,
+                    children: typeof r == "string" ? /* @__PURE__ */ e.jsx(
+                      F,
+                      {
+                        variant: f ? "onContrast" : "default",
+                        size: "sm",
+                        children: r
+                      }
+                    ) : r
+                  }
+                ),
+                o && /* @__PURE__ */ e.jsx(
+                  D,
+                  {
+                    trigger: v,
+                    destructive: t === "contrastDestructive" || t === "defaultDestructive",
+                    onContrast: f,
+                    ...o
+                  }
+                )
+              ]
+            }
+          ) }) })
+        ]
+      }
+    );
+  }
+);
+E.displayName = "Popover";
+export {
+  E as P
+};
+//# sourceMappingURL=popover.component-BDuDQ5ns.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("./vendor-D-x6W6ez.js"),g=require("react"),o=require("./chakra-DmF8Cxqs.js"),C=require("./text.component-CBa_saMP.js"),k=require("./heading.component-CExbjSBi.js"),E=require("./button.component-rY01WurX.js"),P=require("./popover.recipe-Pfz3evii.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
+//# sourceMappingURL=popover.component-DR09Zgw-.js.map

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

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

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

@@ -0,0 +1,123 @@
+import { r as o } from "./chakra-BqBkjpvZ.js";
+const r = [
+  "root",
+  "content",
+  "arrow",
+  "arrowTip",
+  "body",
+  "header",
+  "footer"
+], t = {
+  xs: {
+    content: {
+      width: 160
+    }
+  },
+  sm: {
+    content: {
+      width: 200
+    }
+  },
+  md: {
+    content: {
+      width: 260
+    }
+  },
+  lg: {
+    content: {
+      width: 320
+    }
+  },
+  xl: {
+    content: {
+      width: 480
+    }
+  }
+}, e = {
+  default: {
+    arrowTip: {
+      borderColor: "border"
+    },
+    content: {
+      "--popover-bg": "colors.background.default",
+      "--hovercard-bg": "colors.background.default",
+      borderColor: "border",
+      color: "text.default"
+    }
+  },
+  defaultDestructive: {
+    arrowTip: {
+      borderColor: "border"
+    },
+    content: {
+      "--popover-bg": "colors.background.default",
+      "--hovercard-bg": "colors.background.default",
+      borderColor: "border",
+      color: "text.default"
+    }
+  },
+  contrast: {
+    arrowTip: {
+      borderColor: "border.contrast"
+    },
+    content: {
+      "--popover-bg": "colors.background.contrast",
+      "--hovercard-bg": "colors.background.contrast",
+      borderColor: "border.contrast",
+      color: "text.contrast"
+    }
+  },
+  contrastDestructive: {
+    arrowTip: {
+      borderColor: "border.contrast"
+    },
+    content: {
+      "--popover-bg": "colors.background.contrast",
+      "--hovercard-bg": "colors.background.contrast",
+      borderColor: "border.contrast",
+      color: "text.contrast"
+    }
+  }
+}, d = o({
+  slots: r,
+  base: {
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px",
+      top: "-1px !important"
+    },
+    body: {
+      p: 3
+    },
+    content: {
+      border: "1px"
+    },
+    footer: {
+      borderTop: 0,
+      borderRadius: "inherit",
+      pb: 3,
+      pt: 0,
+      px: 3
+    },
+    header: {
+      borderBottom: 0,
+      borderRadius: "inherit",
+      minH: 6,
+      pb: 0,
+      pt: 3,
+      px: 3
+    }
+  },
+  variants: {
+    size: t,
+    variant: e
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "contrast"
+  }
+});
+export {
+  d as p
+};
+//# sourceMappingURL=popover.recipe-DnCuZJd3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipe-DnCuZJd3.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["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\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\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      border: \"1px\",\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    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"contrast\",\n  },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKMC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEMC,IAAkE;AAAA,EACtE,SAAS;AAAA,IACP,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAgBC,EAAiB;AAAA,EAC5C,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use strict";const o=require("./chakra-DmF8Cxqs.js"),r=["root","content","arrow","arrowTip","body","header","footer"],t={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},e={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"}}},a=o.defineSlotRecipe({slots:r,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{p:3},content:{border:"1px"},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3}},variants:{size:t,variant:e},defaultVariants:{size:"sm",variant:"contrast"}});exports.popoverRecipe=a;
+//# sourceMappingURL=popover.recipe-Pfz3evii.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipe-Pfz3evii.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["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\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\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      border: \"1px\",\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    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"contrast\",\n  },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"qDAcMA,EAA8B,CAClC,OACA,UACA,QACA,WACA,OACA,SACA,QACF,EAKMC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CACT,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOJ,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,EAAG,CACL,EACA,QAAS,CACP,OAAQ,KACV,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,GAAI,CAAA,CAER,EACA,SAAU,CACR,KAAMC,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,UAAA,CAEb,CAAC"}

package/dist/chunks/radio.records-BxCn4oUd.js

@@ -0,0 +1,2 @@
+"use strict";const i={sm:3,md:4,lg:5},a={sm:2,md:2,lg:3};exports.RadioSizeMap=i;exports.RadioTextSpacing=a;
+//# sourceMappingURL=radio.records-BxCn4oUd.js.map

package/dist/chunks/radio.records-BxCn4oUd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.records-BxCn4oUd.js","sources":["../../src/components/RadioGroup/components/Radio/radio.records.ts"],"sourcesContent":["import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const RadioSizeMap: Record<FormControlSize, number> = {\n  sm: 3,\n  md: 4,\n  lg: 5,\n};\n\nexport const RadioTextSpacing: Record<FormControlSize, number> = {\n  sm: 2,\n  md: 2,\n  lg: 3,\n};\n"],"names":["RadioSizeMap","RadioTextSpacing"],"mappings":"aAEO,MAAMA,EAAgD,CAC3D,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEaC,EAAoD,CAC/D,GAAI,EACJ,GAAI,EACJ,GAAI,CACN"}

package/dist/chunks/radio.records-Cc3kP4Vn.js

@@ -0,0 +1,14 @@
+const a = {
+  sm: 3,
+  md: 4,
+  lg: 5
+}, s = {
+  sm: 2,
+  md: 2,
+  lg: 3
+};
+export {
+  a as R,
+  s as a
+};
+//# sourceMappingURL=radio.records-Cc3kP4Vn.js.map

package/dist/chunks/radio.records-Cc3kP4Vn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.records-Cc3kP4Vn.js","sources":["../../src/components/RadioGroup/components/Radio/radio.records.ts"],"sourcesContent":["import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const RadioSizeMap: Record<FormControlSize, number> = {\n  sm: 3,\n  md: 4,\n  lg: 5,\n};\n\nexport const RadioTextSpacing: Record<FormControlSize, number> = {\n  sm: 2,\n  md: 2,\n  lg: 3,\n};\n"],"names":["RadioSizeMap","RadioTextSpacing"],"mappings":"AAEO,MAAMA,IAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAoD;AAAA,EAC/D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

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

@@ -0,0 +1,151 @@
+import { x as a } from "./vendor-BBfll6i3.js";
+import { w as f } from "./withFormControl-BZ7odEAw.js";
+import x from "react";
+import { a as _, C as h } from "./card.component-HX-4Y0j7.js";
+import { R as I, a as g } from "./radio.records-Cc3kP4Vn.js";
+import { W as v } from "./text.component-XYjOAc2s.js";
+import { R as N, z as y, D as C, E as W, G as S, j as w } from "./chakra-BqBkjpvZ.js";
+import { B as T } from "./buttonGroup.component-9vEER47T.js";
+const $ = f(
+  ({
+    children: t,
+    checked: e = !1,
+    disabled: p = !1,
+    invalid: i = !1,
+    onContrast: c = !1,
+    radioRef: n,
+    size: r = "md",
+    withCard: s = !1,
+    ...m
+  }) => {
+    const d = s ? (l) => {
+      const u = (I[r] + g[r] + _[r]) * 4;
+      return /* @__PURE__ */ a.jsx(
+        h,
+        {
+          className: "Radio__Card",
+          "data-testid": "kibble-radio-card",
+          ...!p && {
+            interactive: !0,
+            invalid: i,
+            active: !!e
+          },
+          onContrast: c,
+          size: r,
+          fullWidth: !0,
+          display: "flex",
+          ...typeof t == "string" && { alignItems: "center" },
+          width: "inherit",
+          pr: `${u}px`,
+          children: l.children
+        }
+      );
+    } : x.Fragment;
+    return /* @__PURE__ */ a.jsx(
+      N,
+      {
+        className: "Radio",
+        "data-testid": "kibble-radio",
+        invalid: i,
+        disabled: p,
+        ref: n,
+        ...m,
+        children: /* @__PURE__ */ a.jsxs(d, { children: [
+          /* @__PURE__ */ a.jsx(
+            y,
+            {
+              className: "Radio__Input",
+              "data-testid": "kibble-radio-input"
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            C,
+            {
+              className: "Radio__Indicator",
+              "data-testid": "kibble-radio-indicator"
+            }
+          ),
+          t && /* @__PURE__ */ a.jsx(
+            W,
+            {
+              className: "Radio__Text",
+              "data-testid": "kibble-radio-label",
+              ...s && typeof t != "string" && { mt: "-3px" },
+              children: typeof t == "string" ? /* @__PURE__ */ a.jsx(v, { size: r, children: t }) : t
+            }
+          )
+        ] })
+      }
+    );
+  }
+), b = x.forwardRef(
+  (t, e) => /* @__PURE__ */ a.jsx($, { radioRef: e, ...t })
+);
+b.displayName = "Radio";
+const j = ({
+  radios: t,
+  defaultValue: e,
+  direction: p = "column",
+  disabled: i,
+  invalid: c,
+  onContrast: n,
+  onChange: r,
+  size: s = "md",
+  radioType: m = "default",
+  value: d,
+  gap: l = 2,
+  ...u
+}) => {
+  const k = n ? "onContrast" : "default";
+  return /* @__PURE__ */ a.jsxs(
+    S,
+    {
+      className: "RadioGroup",
+      "data-testid": "kibble-radio-group",
+      disabled: i,
+      defaultValue: e,
+      value: d,
+      onValueChange: ({ value: o }) => r?.(o),
+      size: s,
+      variant: k,
+      ...u,
+      children: [
+        m === "default" && /* @__PURE__ */ a.jsx(w, { gap: l, direction: p, children: t.map((o, R) => /* @__PURE__ */ a.jsx(
+          b,
+          {
+            invalid: c,
+            disabled: i,
+            checked: e === o.value || d === o.value,
+            size: s,
+            ...o
+          },
+          `radio-${R}`
+        )) }),
+        m === "buttons" && /* @__PURE__ */ a.jsx(
+          T,
+          {
+            onContrast: n,
+            variant: "secondarySubtle",
+            size: s,
+            buttons: t.map((o, R) => {
+              const G = e === o.value || d === o.value;
+              return {
+                key: `button-radio-${R}`,
+                children: o.children,
+                active: G,
+                disabled: i,
+                onClick: () => r?.(o.value)
+              };
+            })
+          }
+        )
+      ]
+    }
+  );
+};
+j.displayName = "CheckboxGroup";
+const A = f(j);
+export {
+  A as W
+};
+//# sourceMappingURL=radioGroup.component-COkAujWX.js.map