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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.component-CwPoKOrk.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radiomark/radiomark.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Radiomark = forwardRef(\n  function Radiomark2(props, ref) {\n    const recipe = useRecipe({ key: \"radiomark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    const sharedProps = {\n      ref,\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(disabled),\n      ...rest,\n      css: [styles, props.css]\n    };\n    return /* @__PURE__ */ jsx(chakra.span, { ...sharedProps, children: checked && /* @__PURE__ */ jsx(\"span\", { className: \"dot\" }) });\n  }\n);\n\nexport { Radiomark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  onContrast?: boolean;\n  radioRef?: React.RefObject<HTMLInputElement | null>;\n  rootRef?: React.RefObject<HTMLDivElement | null>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      children,\n      checked = false,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      rootRef,\n      size = \"md\",\n      withCard = false,\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr =\n            (RadioSizeMap[size] +\n              RadioTextSpacing[size] +\n              CardPaddingMap[size]) *\n            4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === \"string\" && { alignItems: \"center\" })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput\n            className=\"Radio__Input\"\n            data-testid=\"kibble-radio-input\"\n            ref={radioRef || ref}\n          />\n          <RadioGroup.ItemIndicator\n            className=\"Radio__Indicator\"\n            data-testid=\"kibble-radio-indicator\"\n          />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && typeof children !== \"string\" && { mt: \"-4px\" })}\n            >\n              {typeof children === \"string\" ? (\n                <Text\n                  size={size}\n                  lineHeight=\"unset\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                >\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\nconst WrappedRadio = withFormControl<RadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Radio, RadioProps } from \"./components/Radio/radio.component\";\nimport { RadioGroup as CRadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { ButtonGroup } from \"components/ButtonGroup\";\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, \"onValueChange\" | \"onChange\"> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: \"buttons\";\n  radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: \"default\";\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = \"column\",\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = \"md\",\n  radioType = \"default\",\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === \"default\" && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...(direction === \"row\" && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === \"buttons\" && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active =\n              defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = \"RadioGroup\";\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","Radiomark","recipe","useRecipe","variantProps","restProps","checked","disabled","unstyled","children","rest","styles","EMPTY_STYLES","sharedProps","dataAttr","chakra","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","RadioGroup.ItemContext","RadioGroup.ItemHiddenInput","Radio","React","invalid","onContrast","radioRef","rootRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

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

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