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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.component-B7FvIYpm.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 && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (disabled) return anchor;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        {...rest}\n      >\n        <Element.Trigger\n          asChild\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              {...contentProps}\n              css={styles.content}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n                css={styles.arrow}\n              >\n                <Element.ArrowTip css={styles.arrowTip} />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","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","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Portal","Box","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAIMA,IAASC,GAAO,OAAO;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EACf;AACA,CAAC;AACDD,EAAO,cAAc;ACWd,MAAME,KAAgB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,GAAGC;AACL,MAAqD;AAEnD,QAAMC,IADSC,EAAc,EAAE,QAAQC,GAAe,EAChC,GAChB,EAAE,SAAAC,EAAQ;AAAA;AAAA,IAEdL,MAAY,UAAUM,EAAoB,IAAIC,EAAkB;AAAA;AAGhE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKP,EAAO;AAAA,MACX,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAAS,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAAZ;AAAA,YACA,OAAOJ,KAAS;AAAA,YAEf,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QACC,CAACE,KACAc,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,SAAQ;AAAA,YACR,YAAAf;AAAA,YACA,SAASC,MAAoB,MAAYO,EAAQ,EAAK;AAAA,YACtD,UAAS;AAAA,YACT,UAAS;AAAA,YACT,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAEJ;AAEJ,GC1CaQ,KAAgB,CAAC;AAAA,EAC5B,UAAAnB;AAAA,EACA,UAAAoB;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAtB,IAAa;AAAA,EACb,UAAAuB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAArB;AAAA,EACA,GAAGC;AACL,MAAqD;AAEnD,QAAMC,IADSC,EAAc,EAAE,QAAQC,GAAe,EAChC,GAChB,EAAE,SAAAC,EAAQ;AAAA;AAAA,IAEdL,MAAY,UAAUM,EAAoB,IAAIC,EAAkB;AAAA,KAE5De,IAAe,MAAY;AAC/B,IAAIH,KACOA,EAAA,GAEXd,EAAQ,EAAK;AAAA,EACf;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKP,EAAO;AAAA,MACX,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAP;AAAA,QACA,CAACqB,KACCP,gBAAAA,EAAAA,KAAAC,GAAA,EAAK,GAAE,QACL,UAAA;AAAA,UAAA,CAACO,KACAN,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,YAAAf;AAAA,cACA,MAAK;AAAA,cACL,SAASyB;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,gCAED/B,GAAO,EAAA;AAAA,UACRmB,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,SAASQ;AAAA,cACT,SAAAF;AAAA,cACA,UAAAJ;AAAA,cACA,MAAK;AAAA,cACL,YAAAjB;AAAA,cACA,SAASoB,IAAc,uBAAuB;AAAA,cAE7C,UAAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,GCzCaE,KAAUC,EAAM;AAAA,EAC3B,CAACC,GAAOC,MAAyB;AACzB,UAAA;AAAA,MACJ,aAAAC,IAAc;AAAA,MACd,QAAAC;AAAA,MACA,UAAAlC;AAAA,MACA,cAAAmC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAjB,IAAW;AAAA,MACX,WAAAkB,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,aAAAC;AAAA,MACA,MAAAnC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,SAAAmC,IAAU;AAAA,MACV,GAAGlC;AAAA,IAAA,IACDwB,GACEW,IAAUpC,MAAY,UAAUqC,KAAYC,IAE5CpC,IADSC,EAAc,EAAE,QAAQC,GAAe,EAChC,EAAE,SAAA+B,GAAS,MAAApC,GAAM;AAEvC,QAAIe,EAAiB,QAAAc;AAEf,UAAA/B,IACJsC,MAAY,cAAcA,MAAY;AAGtC,WAAA3B,gBAAAA,EAAA;AAAA,MAAC4B,EAAQ;AAAA,MAAR;AAAA,QACC,eAAeT;AAAA,QACf,wBAAwBA;AAAA,QACxB,aAAa;AAAA,UACX,GAAGO;AAAA,UACH,WAAWA,GAAa,aAAaD;AAAA,QACvC;AAAA,QACC,GAAGhC;AAAA,QAEJ,UAAA;AAAA,UAAAS,gBAAAA,EAAA;AAAA,YAAC0B,EAAQ;AAAA,YAAR;AAAA,cACC,SAAO;AAAA,cACP,WAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAAR;AAAA,YAAA;AAAA,UACH;AAAA,UACClB,gBAAAA,EAAA,IAAA6B,IAAA,EAAO,UAAU,CAACP,GACjB,UAAAtB,gBAAAA,EAAA,IAAC0B,EAAQ,YAAR,EAAmB,WAAU,WAAU,eAAY,kBAClD,UAAA5B,gBAAAA,EAAA;AAAA,YAAC4B,EAAQ;AAAA,YAAR;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,KAAAV;AAAA,cACC,GAAGG;AAAA,cACJ,KAAK3B,EAAO;AAAA,cAEZ,UAAA;AAAA,gBAAAQ,gBAAAA,EAAA;AAAA,kBAAC0B,EAAQ;AAAA,kBAAR;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBACZ,KAAKlC,EAAO;AAAA,oBAEZ,gCAACkC,EAAQ,UAAR,EAAiB,KAAKlC,EAAO,SAAU,CAAA;AAAA,kBAAA;AAAA,gBAC1C;AAAA,gBACC6B,KACCrB,gBAAAA,EAAA;AAAA,kBAACjB;AAAA,kBAAA;AAAA,oBACC,SAAAO;AAAA,oBACA,YAAAH;AAAA,oBACC,GAAGkC;AAAA,kBAAA;AAAA,gBACN;AAAA,gBAEFrB,gBAAAA,EAAA;AAAA,kBAAC8B;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBACZ,KAAKtC,EAAO;AAAA,oBAEX,UAAA,OAAOR,KAAa,WACnBgB,gBAAAA,EAAA;AAAA,sBAAC+B;AAAAA,sBAAA;AAAA,wBACC,SAAS5C,IAAa,eAAe;AAAA,wBACrC,MAAK;AAAA,wBAEJ,UAAAH;AAAA,sBAAA;AAAA,oBAAA,IAGHA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBACCoC,KACCpB,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,SAAAb;AAAA,oBACA,aACEmC,MAAY,yBACZA,MAAY;AAAA,oBAEd,YAAAtC;AAAA,oBACC,GAAGiC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACN;AAAA,YAAA;AAAA,aAGN,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAP,GAAQ,cAAc;","x_google_ignoreList":[0]}

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

@@ -1,2 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),w=require("react"),e=require("./popover.recipe-CAAwv6E3.js"),r=require("./tooltip.component-tPcICCNY.js"),H=require("./text.component-DwVoyMgc.js"),S=require("./heading.component-B-FrSa28.js"),_=require("./button.component-Dd9AfGox.js"),h=require("./use-slot-recipe-8liupslO.js"),y=require("./popover-root-provider-C2iwUZJn.js"),g=require("./flex-D14H6HbP.js"),k=require("./factory-D6tdBUPG.js"),q=require("./use-locale-context-D0LByRu9.js"),A=require("./box-Baq7UBls.js"),N=t=>t&&t.__esModule?t:{default:t},O=N(w),B=Object.freeze(Object.defineProperty({__proto__:null,Arrow:r.HoverCardArrow,ArrowTip:r.HoverCardArrowTip,Content:r.HoverCardContent,Context:r.HoverCardContext,Positioner:r.HoverCardPositioner,PropsProvider:r.HoverCardPropsProvider,Root:r.HoverCardRoot,RootProvider:r.HoverCardRootProvider,Trigger:r.HoverCardTrigger},Symbol.toStringTag,{value:"Module"})),z=Object.freeze(Object.defineProperty({__proto__:null,Anchor:e.PopoverAnchor,Arrow:e.PopoverArrow,ArrowTip:e.PopoverArrowTip,Body:e.PopoverBody,CloseTrigger:e.PopoverCloseTrigger,Content:e.PopoverContent,Context:e.PopoverContext,Description:e.PopoverDescription,Footer:e.PopoverFooter,Header:e.PopoverHeader,Positioner:e.PopoverPositioner,PropsProvider:e.PopoverPropsProvider,Root:e.PopoverRoot,RootProvider:e.PopoverRootProvider,Title:e.PopoverTitle,Trigger:e.PopoverTrigger,usePopoverStyles:e.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),E=k.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});E.displayName="Spacer";const D=({children:t,color:d,hideCloseButton:a=!1,onContrast:c=!0,onClose:s,size:v="sm",trigger:i,...n})=>{const u=h.useSlotRecipe({recipe:e.popoverRecipe})(),{setOpen:x}=i==="hover"?r.useHoverCardContext():y.usePopoverContext();return o.jsxRuntimeExports.jsxs(g.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:u.header,...n,children:[o.jsxRuntimeExports.jsx(S.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:v,color:d||"inherit",children:t}),!a&&o.jsxRuntimeExports.jsx(_.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:c,onClick:s||(()=>x(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},F=({children:t,disabled:d,hideButtons:a=!1,hideCancelButton:c=!1,destructive:s,loading:v,onCancel:i,onContrast:n=!0,onSubmit:m,submitText:u="Submit",trigger:x,...j})=>{const P=h.useSlotRecipe({recipe:e.popoverRecipe})(),{setOpen:p}=x==="hover"?r.useHoverCardContext():y.usePopoverContext(),C=()=>{i&&i(),p(!1)};return o.jsxRuntimeExports.jsxs(g.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:P.footer,...j,children:[t,!a&&o.jsxRuntimeExports.jsxs(g.Flex,{w:"100%",children:[!c&&o.jsxRuntimeExports.jsx(_.Button,{variant:"tertiary",onContrast:n,size:"sm",onClick:C,children:"Cancel"}),o.jsxRuntimeExports.jsx(E,{}),o.jsxRuntimeExports.jsx(_.Button,{onClick:m,loading:v,disabled:d,size:"sm",onContrast:n,variant:s?"primaryDestructive":"primary",children:u})]})]})},T=O.default.forwardRef((t,d)=>{const{allowEscape:a=!0,anchor:c,children:s,contentProps:v,footerProps:i,headerProps:n,disabled:m=!1,portalled:u=!0,placement:x="bottom",positioning:j,size:f="sm",trigger:P="click",variant:p="default",...C}=t,l=P==="hover"?B:z,R=h.useSlotRecipe({recipe:e.popoverRecipe})({variant:p,size:f});if(m)return c;const b=p==="contrast"||p==="contrastDestructive";return o.jsxRuntimeExports.jsxs(l.Root,{closeOnEscape:a,closeOnInteractOutside:a,positioning:{...j,placement:j?.placement||x},...C,children:[o.jsxRuntimeExports.jsx(l.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":"kibble-popover-trigger",children:c}),o.jsxRuntimeExports.jsx(q.Portal,{disabled:!u,children:o.jsxRuntimeExports.jsx(l.Positioner,{className:"Popover","data-testid":"kibble-popover",children:o.jsxRuntimeExports.jsxs(l.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:d,...v,css:R.content,children:[o.jsxRuntimeExports.jsx(l.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",css:R.arrow,children:o.jsxRuntimeExports.jsx(l.ArrowTip,{css:R.arrowTip})}),n&&o.jsxRuntimeExports.jsx(D,{trigger:P,onContrast:b,...n}),o.jsxRuntimeExports.jsx(A.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:R.body,children:typeof s=="string"?o.jsxRuntimeExports.jsx(H.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:s}):s}),i&&o.jsxRuntimeExports.jsx(F,{trigger:P,destructive:p==="contrastDestructive"||p==="defaultDestructive",onContrast:b,...i})]})})})]})});T.displayName="Popover";exports.Popover=T;
-//# sourceMappingURL=popover.component-xKnAqZx4.js.map

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

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

package/dist/chunks/radioGroup.component-3KGZ0rr_.js

@@ -1,275 +0,0 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { w as k } from "./withFormControl-mCCJK8wX.js";
-import y, { forwardRef as p, useId as M } from "react";
-import { C as V, a as B } from "./card.component-DNX41NGG.js";
-import { m as F, c as Y, R as O, a as q } from "./radio.records-4ih1q8nO.js";
-import { W as D } from "./text.component-2XEOQ18v.js";
-import { c as J } from "./create-slot-recipe-context-BJmsuxih.js";
-import { d as g } from "./attr-sm10PXOd.js";
-import { a as K } from "./empty-BU2EAux9.js";
-import { c as Q } from "./factory-Ctbv0Ozn.js";
-import { u as U } from "./use-recipe-d63ABaZ3.js";
-import { c as v, a as C, f as u, i as X, j as Z, k as z, n as oo } from "./use-locale-context-BiiNTYMT.js";
-import { a1 as m } from "./index-YtNA0Ueo.js";
-import { B as to } from "./buttonGroup.component-VJL0Cunk.js";
-import { S as eo } from "./stack-Dnuh5Zgf.js";
-const [N, f] = v({
-  name: "RadioGroupContext",
-  hookName: "useRadioGroupContext",
-  providerName: "<RadioGroupProvider />"
-}), [ro, ao] = v({
-  name: "RadioGroupItemContext",
-  hookName: "useRadioGroupItemContext",
-  providerName: "<RadioGroupItemProvider />"
-}), [so, j] = v({
-  name: "RadioGroupItemPropsContext",
-  hookName: "useRadioGroupItemPropsContext",
-  providerName: "<RadioGroupItemPropsProvider />"
-}), w = p((o, t) => {
-  const [e, a] = C()(o, ["value", "disabled", "invalid"]), s = f(), d = m(s.getItemProps(e), a), i = s.getItemState(e);
-  return /* @__PURE__ */ r.jsx(ro, { value: i, children: /* @__PURE__ */ r.jsx(so, { value: e, children: /* @__PURE__ */ r.jsx(u.label, { ...d, ref: t }) }) });
-});
-w.displayName = "RadioGroupItem";
-const io = (o) => o.children(ao()), b = p((o, t) => {
-  const e = f(), a = j(), s = m(e.getItemControlProps(a), o);
-  return /* @__PURE__ */ r.jsx(u.div, { ...s, ref: t });
-});
-b.displayName = "RadioGroupItemControl";
-const S = p((o, t) => {
-  const e = f(), a = j(), s = m(e.getItemHiddenInputProps(a), o);
-  return /* @__PURE__ */ r.jsx(u.input, { ...s, ref: t });
-});
-S.displayName = "RadioGroupItemHiddenInput";
-const _ = p((o, t) => {
-  const e = f(), a = j(), s = m(e.getItemTextProps(a), o);
-  return /* @__PURE__ */ r.jsx(u.span, { ...s, ref: t });
-});
-_.displayName = "RadioGroupItemText";
-const T = p((o, t) => {
-  const e = f(), a = m(e.getLabelProps(), o);
-  return /* @__PURE__ */ r.jsx(u.label, { ...a, ref: t });
-});
-T.displayName = "RadioGroupLabel";
-const no = (o) => {
-  const t = M(), { getRootNode: e } = X(), { dir: a } = Z(), s = {
-    id: t,
-    dir: a,
-    getRootNode: e,
-    ...o
-  }, d = z(F, s);
-  return Y(d, oo);
-}, A = p((o, t) => {
-  const [e, a] = C()(o, [
-    "defaultValue",
-    "disabled",
-    "form",
-    "id",
-    "ids",
-    "name",
-    "onValueChange",
-    "orientation",
-    "readOnly",
-    "value"
-  ]), s = no(e), d = m(s.getRootProps(), a);
-  return /* @__PURE__ */ r.jsx(N, { value: s, children: /* @__PURE__ */ r.jsx(u.div, { ...d, ref: t }) });
-});
-A.displayName = "RadioGroupRoot";
-const W = p((o, t) => {
-  const [{ value: e }, a] = C()(o, ["value"]), s = m(e.getRootProps(), a);
-  return /* @__PURE__ */ r.jsx(N, { value: e, children: /* @__PURE__ */ r.jsx(u.div, { ...s, ref: t }) });
-});
-W.displayName = "RadioGroupRootProvider";
-const po = p(
-  function(t, e) {
-    const a = U({ key: "radiomark", recipe: t.recipe }), [s, d] = a.splitVariantProps(t), { checked: i, disabled: c, unstyled: l, children: R, ...x } = d, G = l ? K : a(s), h = {
-      ref: e,
-      "data-checked": g(i),
-      "data-disabled": g(c),
-      ...x,
-      css: [G, t.css]
-    };
-    return /* @__PURE__ */ r.jsx(Q.span, { ...h, children: i && /* @__PURE__ */ r.jsx("span", { className: "dot" }) });
-  }
-), {
-  withProvider: $,
-  withContext: P,
-  useStyles: co
-} = J({ key: "radioGroup" });
-$(W, "root", { forwardAsChild: !0 });
-const uo = $(
-  A,
-  "root",
-  { forwardAsChild: !0 }
-);
-P(T, "label", { forwardAsChild: !0 });
-const mo = P(
-  w,
-  "item",
-  { forwardAsChild: !0 }
-), lo = P(_, "itemText", { forwardAsChild: !0 });
-P(b, "itemControl", { forwardAsChild: !0 });
-const Ro = p(function(t, e) {
-  const a = co();
-  return /* @__PURE__ */ r.jsx(io, { children: (s) => /* @__PURE__ */ r.jsx(b, { asChild: !0, children: /* @__PURE__ */ r.jsx(
-    po,
-    {
-      ref: e,
-      unstyled: !0,
-      ...t,
-      checked: s.checked,
-      disabled: s.disabled,
-      css: [a.itemControl, t.css]
-    }
-  ) }) });
-}), xo = S, Go = k(
-  ({
-    children: o,
-    checked: t = !1,
-    disabled: e = !1,
-    invalid: a = !1,
-    onContrast: s = !1,
-    radioRef: d,
-    size: i = "md",
-    withCard: c = !1,
-    ...l
-  }) => {
-    const R = c ? (x) => {
-      const G = (O[i] + q[i] + B[i]) * 4;
-      return /* @__PURE__ */ r.jsx(
-        V,
-        {
-          className: "Radio__Card",
-          "data-testid": "kibble-radio-card",
-          ...!e && {
-            interactive: !0,
-            invalid: a,
-            active: !!t
-          },
-          onContrast: s,
-          size: i,
-          fullWidth: !0,
-          display: "flex",
-          ...typeof o == "string" && { alignItems: "center" },
-          width: "inherit",
-          pr: `${G}px`,
-          children: x.children
-        }
-      );
-    } : y.Fragment;
-    return /* @__PURE__ */ r.jsx(
-      mo,
-      {
-        className: "Radio",
-        "data-testid": "kibble-radio",
-        invalid: a,
-        disabled: e,
-        ref: d,
-        ...l,
-        children: /* @__PURE__ */ r.jsxs(R, { children: [
-          /* @__PURE__ */ r.jsx(
-            xo,
-            {
-              className: "Radio__Input",
-              "data-testid": "kibble-radio-input"
-            }
-          ),
-          /* @__PURE__ */ r.jsx(
-            Ro,
-            {
-              className: "Radio__Indicator",
-              "data-testid": "kibble-radio-indicator"
-            }
-          ),
-          o && /* @__PURE__ */ r.jsx(
-            lo,
-            {
-              className: "Radio__Text",
-              "data-testid": "kibble-radio-label",
-              ...c && typeof o != "string" && { mt: "-4px" },
-              children: typeof o == "string" ? /* @__PURE__ */ r.jsx(
-                D,
-                {
-                  size: i,
-                  lineHeight: "unset",
-                  variant: s ? "onContrast" : "default",
-                  children: o
-                }
-              ) : o
-            }
-          )
-        ] })
-      }
-    );
-  }
-), H = y.forwardRef(
-  (o, t) => /* @__PURE__ */ r.jsx(Go, { radioRef: t, ...o })
-);
-H.displayName = "Radio";
-const L = ({
-  radios: o,
-  defaultValue: t,
-  direction: e = "column",
-  disabled: a,
-  invalid: s,
-  onContrast: d,
-  onChange: i,
-  size: c = "md",
-  radioType: l = "default",
-  value: R,
-  gap: x = 2,
-  ...G
-}) => {
-  const h = d ? "onContrast" : "default";
-  return /* @__PURE__ */ r.jsxs(
-    uo,
-    {
-      className: "RadioGroup",
-      "data-testid": "kibble-radio-group",
-      disabled: a,
-      defaultValue: t,
-      value: R,
-      onValueChange: ({ value: n }) => i?.(n),
-      size: c,
-      variant: h,
-      ...G,
-      children: [
-        l === "default" && /* @__PURE__ */ r.jsx(eo, { gap: x, direction: e, children: o.map((n, I) => /* @__PURE__ */ r.jsx(
-          H,
-          {
-            invalid: s,
-            disabled: a,
-            checked: t === n.value || R === n.value,
-            size: c,
-            ...e === "row" && { fullWidth: !1 },
-            ...n
-          },
-          `radio-${I}`
-        )) }),
-        l === "buttons" && /* @__PURE__ */ r.jsx(
-          to,
-          {
-            onContrast: d,
-            variant: "secondarySubtle",
-            size: c,
-            buttons: o.map((n, I) => {
-              const E = t === n.value || R === n.value;
-              return {
-                key: `button-radio-${I}`,
-                children: n.children,
-                active: E,
-                disabled: a,
-                onClick: () => i?.(n.value)
-              };
-            })
-          }
-        )
-      ]
-    }
-  );
-};
-L.displayName = "CheckboxGroup";
-const To = k(L);
-export {
-  To as W
-};
-//# sourceMappingURL=radioGroup.component-3KGZ0rr_.js.map