@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-DEOUdSu3.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  /** Content to be rendered in the header. */\n  children?: ReactNode;\n  /** If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: () => void;\n  /** If true, the header will render in a contrasting color.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Size of the header.\n   * @default sm\n   */\n  size?: HeadingSize;\n  /** Data test id for the header.\n   * @default kibble-popover-header\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\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  ['data-testid']: dataTestId = 'kibble-popover-header',\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 className=\"Popover__HeaderWrapper\" data-testid={`${dataTestId}-wrapper`} css={styles.header} {...rest}>\n      {typeof children === 'string' ? (\n        <Heading\n          className=\"Popover__Header\"\n          data-testid={`${dataTestId}-header`}\n          size={size}\n          color={color || 'inherit'}\n          w=\"100%\"\n        >\n          {children}\n        </Heading>\n      ) : (\n        children\n      )}\n      {!hideCloseButton && trigger === 'click' && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid={`${dataTestId}-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  /** Content to be rendered in the footer. */\n  children?: ReactNode;\n  /** If true, the footer will be disabled. */\n  disabled?: boolean;\n  /** If true, the buttons will not be displayed.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /** If true, the cancel button will not be displayed.\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /** If true, the submit button will be displayed as a destructive button.\n   * @default false\n   */\n  destructive?: boolean;\n  /** If true, the submit button will be displayed with a loading state. */\n  loading?: boolean;\n  /** Callback function to be called when the cancel button is clicked. */\n  onCancel?: () => void;\n  /** If true, the buttons will render with a contrasting variant.\n   * @default true\n   */\n  onContrast?: boolean;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Text to display in the submit button. */\n  submitText?: string;\n  /** Data test id for the footer.\n   * @default kibble-popover-footer\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  /** Trigger type of the popover.\n   * @internal\n   */\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  ['data-testid']: dataTestId = 'kibble-popover-footer',\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 className=\"Popover__Footer\" data-testid={dataTestId} css={styles.footer} {...rest}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" onContrast={onContrast} size=\"sm\" onClick={handleCancel}>\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 { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';\nimport { Box } from '@chakra-ui/react/box';\nimport { ConditionalValue, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from './popover.recipe';\nimport { PortalContext } from 'hooks/usePortalContentRef';\nimport { useDeviceType } from 'hooks/useDeviceType';\n\nexport interface KPopoverProps {\n  /** The element that triggers the popover. */\n  anchor: React.ReactNode;\n  /** Props to customize the content of the popover. */\n  contentProps?: CPopover.ContentProps;\n  /**\n   * If true, the popover will be disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Props to configure the footer of the popover. */\n  footerProps?: PopoverFooterProps;\n  /** Props to configure the header of the popover. */\n  headerProps?: PopoverHeaderProps;\n  /** Configuration for the positioner of the popover. */\n  positionerProps?: CPopover.PositionerProps;\n  /**\n   * If true, the popover will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Sets the placement of the popover in relation to the designated element. If the chosen placement puts the tooltip out-of-bounds of the viewport, the placement will automatically adjust. You should, however, choose a placement that works best with orientation of the element.\n   * @default bottom\n   */\n  placement?: Placement;\n  /** Whether to show the arrow of the popover. */\n  showArrow?: boolean;\n  /**\n   * The size of the popover.\n   * @default md\n   */\n  size?: ConditionalValue<PopoverSize>;\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: PopoverTriggerType;\n  /**\n   * The color variant of the popover.\n   * @default contrast\n   */\n  variant?: PopoverVariant;\n  /** Data test id for the popover.\n   * @default kibble-popover\n   */\n  'data-testid'?: string;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'click';\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  /**\n   * The trigger type of the popover.\n   * @default click\n   */\n  trigger?: 'hover';\n}\n\nexport type PopoverProps = KPopoverProps & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);\n\nexport const Popover = ({\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  disabled = false,\n  portalled = true,\n  placement = 'bottom',\n  positioning,\n  showArrow = true,\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  positionerProps,\n  ['data-testid']: dataTestId = 'kibble-popover',\n  ...rest\n}: PopoverProps): React.ReactNode => {\n  const contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\n  const deviceType = useDeviceType();\n  // Forces click trigger on mobile devices for better UX\n  const effectiveTrigger = deviceType === 'mobile' ? 'click' : trigger;\n  const Element = effectiveTrigger === '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 = variant === 'contrast' || variant === 'contrastDestructive';\n\n  return (\n    <Element.Root\n      closeOnEscape={true}\n      closeOnInteractOutside={true}\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={`${dataTestId}-trigger`}\n        cursor={effectiveTrigger === 'click' ? 'pointer' : 'default'}\n      >\n        {anchor}\n      </Element.Trigger>\n      <Portal disabled={!portalled}>\n        <Element.Positioner className=\"Popover\" data-testid={dataTestId} {...positionerProps}>\n          <PortalContext.Provider value={contextValue}>\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid={`${dataTestId}-content`}\n              ref={contentRef}\n              {...contentProps}\n              css={styles.content}\n            >\n              {showArrow && (\n                <Element.Arrow className=\"Popover__Arrow\" data-testid={`${dataTestId}-arrow`} css={styles.arrow}>\n                  <Element.ArrowTip css={styles.arrowTip} />\n                </Element.Arrow>\n              )}\n              {headerProps && <PopoverHeader trigger={effectiveTrigger} onContrast={onContrast} {...headerProps} />}\n              <Box\n                className=\"Popover__Body\"\n                data-testid={`${dataTestId}-body`}\n                css={styles.body}\n                {...(!!headerProps && { pt: 0 })}\n              >\n                {typeof children === 'string' ? (\n                  <Text variant={onContrast ? 'onContrast' : 'default'} size=\"sm\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={effectiveTrigger}\n                  destructive={variant === 'contrastDestructive' || variant === 'defaultDestructive'}\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","dataTestId","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","showArrow","variant","positionerProps","contentRef","useRef","contextValue","effectiveTrigger","useDeviceType","Element","HoverCard","CPopover","Portal","PortalContext","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,126 @@
+import { p as o } from "./anatomy-zd4ecEFD.js";
+import { d as r } from "./config-Djkl1N81.js";
+const t = o.keys(), e = {
+  xs: {
+    content: {
+      "--popover-size": "180px"
+    }
+  },
+  sm: {
+    content: {
+      "--popover-size": "200px"
+    }
+  },
+  md: {
+    content: {
+      "--popover-size": "260px"
+    }
+  },
+  lg: {
+    content: {
+      "--popover-size": "320px"
+    }
+  },
+  xl: {
+    content: {
+      "--popover-size": "480px"
+    }
+  },
+  "2xl": {
+    content: {
+      "--popover-size": "540px"
+    }
+  }
+}, a = {
+  default: {
+    arrowTip: {
+      borderColor: "border"
+    },
+    content: {
+      "--popover-bg": "colors.background.default",
+      "--hovercard-bg": "colors.background.default",
+      borderColor: "border",
+      color: "text.default"
+    }
+  },
+  defaultDestructive: {
+    arrowTip: {
+      borderColor: "border"
+    },
+    content: {
+      "--popover-bg": "colors.background.default",
+      "--hovercard-bg": "colors.background.default",
+      borderColor: "border",
+      color: "text.default"
+    }
+  },
+  contrast: {
+    arrowTip: {
+      borderColor: "border.contrast"
+    },
+    content: {
+      "--popover-bg": "colors.background.contrast",
+      "--hovercard-bg": "colors.background.contrast",
+      borderColor: "border.contrast",
+      color: "text.contrast"
+    }
+  },
+  contrastDestructive: {
+    arrowTip: {
+      borderColor: "border.contrast"
+    },
+    content: {
+      "--popover-bg": "colors.background.contrast",
+      "--hovercard-bg": "colors.background.contrast",
+      borderColor: "border.contrast",
+      color: "text.contrast"
+    }
+  }
+}, d = r({
+  slots: t,
+  base: {
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px",
+      top: "-1px !important"
+    },
+    body: {
+      overflowY: "auto",
+      p: 3
+    },
+    content: {
+      borderRadius: "base",
+      border: "1px",
+      p: 0
+    },
+    footer: {
+      borderTop: 0,
+      borderRadius: "inherit",
+      pb: 3,
+      pt: 0,
+      px: 3
+    },
+    header: {
+      borderBottom: 0,
+      borderRadius: "inherit",
+      minH: 6,
+      p: 3,
+      w: "100%"
+    },
+    trigger: {
+      width: "max-content"
+    }
+  },
+  variants: {
+    size: e,
+    variant: a
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "default"
+  }
+});
+export {
+  d as p
+};
+//# sourceMappingURL=popover.recipe-B9bkpDfc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipe-B9bkpDfc.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\nimport { popoverAnatomy } from '@chakra-ui/react/anatomy';\n\nconst popoverSlots = popoverAnatomy.keys();\ntype PopoverSlot = (typeof popoverSlots)[number];\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n    },\n  },\n  '2xl': {\n    content: {\n      '--popover-size': '540px',\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.contrast',\n      '--hovercard-bg': 'colors.background.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.contrast',\n      '--hovercard-bg': 'colors.background.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: '1px',\n      borderInlineStartWidth: '1px',\n      top: '-1px !important',\n    },\n    body: {\n      overflowY: 'auto',\n      p: 3,\n    },\n    content: {\n      borderRadius: 'base',\n      border: '1px',\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: 'inherit',\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: 'inherit',\n      minH: 6,\n      p: 3,\n      w: '100%',\n    },\n    trigger: {\n      width: 'max-content',\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: 'sm',\n    variant: 'default',\n  },\n});\n"],"names":["popoverSlots","popoverAnatomy","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";;AAIA,MAAMA,IAAeC,EAAe,KAAK,GAMnCC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,EACpB;AAEJ,GAEMC,IAAkE;AAAA,EACtE,SAAS;AAAA,IACP,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAgBC,EAAiB;AAAA,EAC5C,OAAOL;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,MAAME;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use strict";const o=require("./anatomy-BkGk10kB.js"),r=require("./config-jChwZPSv.js"),e=o.popoverAnatomy.keys(),t={xs:{content:{"--popover-size":"180px"}},sm:{content:{"--popover-size":"200px"}},md:{content:{"--popover-size":"260px"}},lg:{content:{"--popover-size":"320px"}},xl:{content:{"--popover-size":"480px"}},"2xl":{content:{"--popover-size":"540px"}}},n={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}}},a=r.defineSlotRecipe({slots:e,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{overflowY:"auto",p:3},content:{borderRadius:"base",border:"1px",p:0},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,p:3,w:"100%"},trigger:{width:"max-content"}},variants:{size:t,variant:n},defaultVariants:{size:"sm",variant:"default"}});exports.popoverRecipe=a;
+//# sourceMappingURL=popover.recipe-Czy8Aeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.recipe-Czy8Aeft.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { PopoverSize, PopoverVariant } from './popover.types';\nimport { popoverAnatomy } from '@chakra-ui/react/anatomy';\n\nconst popoverSlots = popoverAnatomy.keys();\ntype PopoverSlot = (typeof popoverSlots)[number];\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      '--popover-size': '180px',\n    },\n  },\n  sm: {\n    content: {\n      '--popover-size': '200px',\n    },\n  },\n  md: {\n    content: {\n      '--popover-size': '260px',\n    },\n  },\n  lg: {\n    content: {\n      '--popover-size': '320px',\n    },\n  },\n  xl: {\n    content: {\n      '--popover-size': '480px',\n    },\n  },\n  '2xl': {\n    content: {\n      '--popover-size': '540px',\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: 'border',\n    },\n    content: {\n      '--popover-bg': 'colors.background.default',\n      '--hovercard-bg': 'colors.background.default',\n      borderColor: 'border',\n      color: 'text.default',\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.contrast',\n      '--hovercard-bg': 'colors.background.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: 'border.contrast',\n    },\n    content: {\n      '--popover-bg': 'colors.background.contrast',\n      '--hovercard-bg': 'colors.background.contrast',\n      borderColor: 'border.contrast',\n      color: 'text.contrast',\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: '1px',\n      borderInlineStartWidth: '1px',\n      top: '-1px !important',\n    },\n    body: {\n      overflowY: 'auto',\n      p: 3,\n    },\n    content: {\n      borderRadius: 'base',\n      border: '1px',\n      p: 0,\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: 'inherit',\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: 'inherit',\n      minH: 6,\n      p: 3,\n      w: '100%',\n    },\n    trigger: {\n      width: 'max-content',\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: 'sm',\n    variant: 'default',\n  },\n});\n"],"names":["popoverSlots","popoverAnatomy","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"wFAIMA,EAAeC,iBAAe,KAAK,EAMnCC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,GAAI,CACF,QAAS,CACP,iBAAkB,OAAA,CAEtB,EACA,MAAO,CACL,QAAS,CACP,iBAAkB,OAAA,CACpB,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOL,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,UAAW,OACX,EAAG,CACL,EACA,QAAS,CACP,aAAc,OACd,OAAQ,MACR,EAAG,CACL,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,EAAG,EACH,EAAG,MACL,EACA,QAAS,CACP,MAAO,aAAA,CAEX,EACA,SAAU,CACR,KAAME,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,SAAA,CAEb,CAAC"}

package/dist/chunks/popover.types-CQJj3uOX.js

@@ -0,0 +1,7 @@
+const s = ["xs", "sm", "md", "lg", "xl", "2xl"], t = ["default", "defaultDestructive", "contrastDestructive", "contrast"], e = ["click", "hover"];
+export {
+  t as a,
+  e as b,
+  s as p
+};
+//# sourceMappingURL=popover.types-CQJj3uOX.js.map

package/dist/chunks/popover.types-CQJj3uOX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types-CQJj3uOX.js","sources":["../../src/components/Popover/popover.types.ts"],"sourcesContent":["export const popoverSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport type PopoverSize = (typeof popoverSizes)[number];\n\nexport const popoverVariants = ['default', 'defaultDestructive', 'contrastDestructive', 'contrast'] as const;\nexport type PopoverVariant = (typeof popoverVariants)[number];\n\nexport const popoverTriggerTypes = ['click', 'hover'] as const;\nexport type PopoverTriggerType = (typeof popoverTriggerTypes)[number];\n"],"names":["popoverSizes","popoverVariants","popoverTriggerTypes"],"mappings":"AAAO,MAAMA,IAAe,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,GAGnDC,IAAkB,CAAC,WAAW,sBAAsB,uBAAuB,UAAU,GAGrFC,IAAsB,CAAC,SAAS,OAAO;"}

package/dist/chunks/popover.types-ChA9ccQ2.js

@@ -0,0 +1,2 @@
+"use strict";const e=["xs","sm","md","lg","xl","2xl"],o=["default","defaultDestructive","contrastDestructive","contrast"],r=["click","hover"];exports.popoverSizes=e;exports.popoverTriggerTypes=r;exports.popoverVariants=o;
+//# sourceMappingURL=popover.types-ChA9ccQ2.js.map

package/dist/chunks/popover.types-ChA9ccQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types-ChA9ccQ2.js","sources":["../../src/components/Popover/popover.types.ts"],"sourcesContent":["export const popoverSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport type PopoverSize = (typeof popoverSizes)[number];\n\nexport const popoverVariants = ['default', 'defaultDestructive', 'contrastDestructive', 'contrast'] as const;\nexport type PopoverVariant = (typeof popoverVariants)[number];\n\nexport const popoverTriggerTypes = ['click', 'hover'] as const;\nexport type PopoverTriggerType = (typeof popoverTriggerTypes)[number];\n"],"names":["popoverSizes","popoverVariants","popoverTriggerTypes"],"mappings":"aAAO,MAAMA,EAAe,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK,EAGnDC,EAAkB,CAAC,UAAW,qBAAsB,sBAAuB,UAAU,EAGrFC,EAAsB,CAAC,QAAS,OAAO"}

package/dist/chunks/progress-value-text-CFVhPKYk.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),e=require("./use-locale-context-ym21RUxU.js"),P=require("./index-CQURjLlA.js"),p=require("./index-D6c4fMjg.js"),[g,l]=e.createContext({name:"ProgressContext",hookName:"useProgressContext",providerName:"<ProgressProvider />"}),u=c.forwardRef((s,o)=>{const r=l(),t=P.mergeProps(r.getLabelProps(),s);return a.jsxRuntimeExports.jsx(e.ark.label,{...t,ref:o})});u.displayName="ProgressLabel";const v=s=>{const o=c.useId(),{getRootNode:r}=e.useEnvironmentContext(),{dir:t,locale:n}=e.useLocaleContext(),i={id:o,dir:t,locale:n,getRootNode:r,...s},R=e.useMachine(p.machine,i);return p.connect(R,e.normalizeProps)},x=c.forwardRef((s,o)=>{const[r,t]=e.createSplitProps()(s,["defaultValue","formatOptions","id","ids","locale","max","min","onValueChange","orientation","translations","value"]),n=v(r),i=P.mergeProps(n.getRootProps(),t);return a.jsxRuntimeExports.jsx(g,{value:n,children:a.jsxRuntimeExports.jsx(e.ark.div,{...i,ref:o})})});x.displayName="ProgressRoot";const d=c.forwardRef((s,o)=>{const[{value:r},t]=e.createSplitProps()(s,["value"]),n=P.mergeProps(r.getRootProps(),t);return a.jsxRuntimeExports.jsx(g,{value:r,children:a.jsxRuntimeExports.jsx(e.ark.div,{...n,ref:o})})});d.displayName="ProgressRootProvider";const m=c.forwardRef((s,o)=>{const{children:r,...t}=s,n=l(),i=P.mergeProps(n.getValueTextProps(),t);return a.jsxRuntimeExports.jsx(e.ark.span,{...i,ref:o,children:r||n.percentAsString})});m.displayName="ProgressValueText";exports.ProgressLabel=u;exports.ProgressRoot=x;exports.ProgressRootProvider=d;exports.ProgressValueText=m;exports.useProgressContext=l;
+//# sourceMappingURL=progress-value-text-CFVhPKYk.js.map

package/dist/chunks/progress-value-text-CFVhPKYk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-value-text-CFVhPKYk.js","sources":["../../node_modules/@ark-ui/react/dist/components/progress/use-progress-context.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-label.js","../../node_modules/@ark-ui/react/dist/components/progress/use-progress.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-root.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-root-provider.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-value-text.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [ProgressProvider, useProgressContext] = createContext({\n  name: \"ProgressContext\",\n  hookName: \"useProgressContext\",\n  providerName: \"<ProgressProvider />\"\n});\n\nexport { ProgressProvider, useProgressContext };\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 { useProgressContext } from './use-progress-context.js';\n\nconst ProgressLabel = forwardRef((props, ref) => {\n  const progress = useProgressContext();\n  const mergedProps = mergeProps(progress.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport { ProgressLabel };\n","'use client';\nimport * as progress from '@zag-js/progress';\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 useProgress = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir, locale } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    locale,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(progress.machine, machineProps);\n  return progress.connect(service, normalizeProps);\n};\n\nexport { useProgress };\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 { useProgress } from './use-progress.js';\nimport { ProgressProvider } from './use-progress-context.js';\n\nconst ProgressRoot = forwardRef((props, ref) => {\n  const [progressProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"formatOptions\",\n    \"id\",\n    \"ids\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onValueChange\",\n    \"orientation\",\n    \"translations\",\n    \"value\"\n  ]);\n  const progress = useProgress(progressProps);\n  const mergedProps = mergeProps(progress.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(ProgressProvider, { value: progress, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nProgressRoot.displayName = \"ProgressRoot\";\n\nexport { ProgressRoot };\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 { ProgressProvider } from './use-progress-context.js';\n\nconst ProgressRootProvider = forwardRef((props, ref) => {\n  const [{ value: progress }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(progress.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(ProgressProvider, { value: progress, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nProgressRootProvider.displayName = \"ProgressRootProvider\";\n\nexport { ProgressRootProvider };\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 { useProgressContext } from './use-progress-context.js';\n\nconst ProgressValueText = forwardRef((props, ref) => {\n  const { children, ...rest } = props;\n  const progress = useProgressContext();\n  const mergedProps = mergeProps(progress.getValueTextProps(), rest);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || progress.percentAsString });\n});\nProgressValueText.displayName = \"ProgressValueText\";\n\nexport { ProgressValueText };\n"],"names":["ProgressProvider","useProgressContext","createContext","ProgressLabel","forwardRef","props","ref","progress","mergedProps","mergeProps","jsx","ark","useProgress","id","useId","getRootNode","useEnvironmentContext","dir","locale","useLocaleContext","machineProps","service","useMachine","progress.machine","progress.connect","normalizeProps","ProgressRoot","progressProps","localProps","createSplitProps","ProgressRootProvider","ProgressValueText","children","rest"],"mappings":"6LAGM,CAACA,EAAkBC,CAAkB,EAAIC,gBAAc,CAC3D,KAAM,kBACN,SAAU,qBACV,aAAc,sBAChB,CAAC,ECAKC,EAAgBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC/C,MAAMC,EAAWN,EAAoB,EAC/BO,EAAcC,EAAU,WAACF,EAAS,cAAa,EAAIF,CAAK,EAC9D,OAAuBK,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAC/D,CAAC,EACDH,EAAc,YAAc,gBCL5B,MAAMS,EAAeP,GAAU,CAC7B,MAAMQ,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,EAAK,OAAAC,CAAQ,EAAGC,mBAAkB,EACpCC,EAAe,CACnB,GAAAP,EACA,IAAAI,EACA,OAAAC,EACA,YAAAH,EACA,GAAGV,CACJ,EACKgB,EAAUC,EAAAA,WAAWC,EAAgB,QAAEH,CAAY,EACzD,OAAOI,EAAgB,QAACH,EAASI,gBAAc,CACjD,ECXMC,EAAetB,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC9C,KAAM,CAACqB,EAAeC,CAAU,EAAIC,EAAgB,iBAAA,EAAGxB,EAAO,CAC5D,eACA,gBACA,KACA,MACA,SACA,MACA,MACA,gBACA,cACA,eACA,OACJ,CAAG,EACKE,EAAWK,EAAYe,CAAa,EACpCnB,EAAcC,EAAU,WAACF,EAAS,aAAY,EAAIqB,CAAU,EAClE,OAAuBlB,EAAG,kBAAA,IAACV,EAAkB,CAAE,MAAOO,EAAU,SAA0BG,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGH,EAAa,IAAAF,CAAG,CAAE,CAAC,CAAE,CACnI,CAAC,EACDoB,EAAa,YAAc,eCnBtB,MAACI,EAAuB1B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACtD,KAAM,CAAC,CAAE,MAAOC,GAAYqB,CAAU,EAAIC,EAAAA,mBAAmBxB,EAAO,CAAC,OAAO,CAAC,EACvEG,EAAcC,EAAU,WAACF,EAAS,aAAY,EAAIqB,CAAU,EAClE,OAAuBlB,EAAG,kBAAA,IAACV,EAAkB,CAAE,MAAOO,EAAU,SAA0BG,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGH,EAAa,IAAAF,CAAG,CAAE,CAAC,CAAE,CACnI,CAAC,EACDwB,EAAqB,YAAc,uBCN9B,MAACC,EAAoB3B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACnD,KAAM,CAAE,SAAA0B,EAAU,GAAGC,CAAI,EAAK5B,EACxBE,EAAWN,EAAoB,EAC/BO,EAAcC,EAAU,WAACF,EAAS,kBAAiB,EAAI0B,CAAI,EACjE,OAAuBvB,wBAAIC,EAAAA,IAAI,KAAM,CAAE,GAAGH,EAAa,IAAAF,EAAK,SAAU0B,GAAYzB,EAAS,eAAe,CAAE,CAC9G,CAAC,EACDwB,EAAkB,YAAc","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/chunks/progress-value-text-DZkUF2cO.js

@@ -0,0 +1,58 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as c, useId as d } from "react";
+import { a as u, d as i, u as x, f as v, g as f, n as h, b as p } from "./use-locale-context-Bw4Gg9Z0.js";
+import { a6 as l } from "./index-fHSGm2nC.js";
+import { m as R, c as j } from "./index-BbZjRFzg.js";
+const [P, g] = u({
+  name: "ProgressContext",
+  hookName: "useProgressContext",
+  providerName: "<ProgressProvider />"
+}), C = c((e, o) => {
+  const s = g(), r = l(s.getLabelProps(), e);
+  return /* @__PURE__ */ a.jsx(i.label, { ...r, ref: o });
+});
+C.displayName = "ProgressLabel";
+const N = (e) => {
+  const o = d(), { getRootNode: s } = x(), { dir: r, locale: t } = v(), n = {
+    id: o,
+    dir: r,
+    locale: t,
+    getRootNode: s,
+    ...e
+  }, m = f(R, n);
+  return j(m, h);
+}, b = c((e, o) => {
+  const [s, r] = p()(e, [
+    "defaultValue",
+    "formatOptions",
+    "id",
+    "ids",
+    "locale",
+    "max",
+    "min",
+    "onValueChange",
+    "orientation",
+    "translations",
+    "value"
+  ]), t = N(s), n = l(t.getRootProps(), r);
+  return /* @__PURE__ */ a.jsx(P, { value: t, children: /* @__PURE__ */ a.jsx(i.div, { ...n, ref: o }) });
+});
+b.displayName = "ProgressRoot";
+const V = c((e, o) => {
+  const [{ value: s }, r] = p()(e, ["value"]), t = l(s.getRootProps(), r);
+  return /* @__PURE__ */ a.jsx(P, { value: s, children: /* @__PURE__ */ a.jsx(i.div, { ...t, ref: o }) });
+});
+V.displayName = "ProgressRootProvider";
+const y = c((e, o) => {
+  const { children: s, ...r } = e, t = g(), n = l(t.getValueTextProps(), r);
+  return /* @__PURE__ */ a.jsx(i.span, { ...n, ref: o, children: s || t.percentAsString });
+});
+y.displayName = "ProgressValueText";
+export {
+  b as P,
+  C as a,
+  y as b,
+  V as c,
+  g as u
+};
+//# sourceMappingURL=progress-value-text-DZkUF2cO.js.map

package/dist/chunks/progress-value-text-DZkUF2cO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-value-text-DZkUF2cO.js","sources":["../../node_modules/@ark-ui/react/dist/components/progress/use-progress-context.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-label.js","../../node_modules/@ark-ui/react/dist/components/progress/use-progress.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-root.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-root-provider.js","../../node_modules/@ark-ui/react/dist/components/progress/progress-value-text.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [ProgressProvider, useProgressContext] = createContext({\n  name: \"ProgressContext\",\n  hookName: \"useProgressContext\",\n  providerName: \"<ProgressProvider />\"\n});\n\nexport { ProgressProvider, useProgressContext };\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 { useProgressContext } from './use-progress-context.js';\n\nconst ProgressLabel = forwardRef((props, ref) => {\n  const progress = useProgressContext();\n  const mergedProps = mergeProps(progress.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport { ProgressLabel };\n","'use client';\nimport * as progress from '@zag-js/progress';\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 useProgress = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir, locale } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    locale,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(progress.machine, machineProps);\n  return progress.connect(service, normalizeProps);\n};\n\nexport { useProgress };\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 { useProgress } from './use-progress.js';\nimport { ProgressProvider } from './use-progress-context.js';\n\nconst ProgressRoot = forwardRef((props, ref) => {\n  const [progressProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"formatOptions\",\n    \"id\",\n    \"ids\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onValueChange\",\n    \"orientation\",\n    \"translations\",\n    \"value\"\n  ]);\n  const progress = useProgress(progressProps);\n  const mergedProps = mergeProps(progress.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(ProgressProvider, { value: progress, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nProgressRoot.displayName = \"ProgressRoot\";\n\nexport { ProgressRoot };\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 { ProgressProvider } from './use-progress-context.js';\n\nconst ProgressRootProvider = forwardRef((props, ref) => {\n  const [{ value: progress }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(progress.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(ProgressProvider, { value: progress, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nProgressRootProvider.displayName = \"ProgressRootProvider\";\n\nexport { ProgressRootProvider };\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 { useProgressContext } from './use-progress-context.js';\n\nconst ProgressValueText = forwardRef((props, ref) => {\n  const { children, ...rest } = props;\n  const progress = useProgressContext();\n  const mergedProps = mergeProps(progress.getValueTextProps(), rest);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || progress.percentAsString });\n});\nProgressValueText.displayName = \"ProgressValueText\";\n\nexport { ProgressValueText };\n"],"names":["ProgressProvider","useProgressContext","createContext","ProgressLabel","forwardRef","props","ref","progress","mergedProps","mergeProps","jsx","ark","useProgress","id","useId","getRootNode","useEnvironmentContext","dir","locale","useLocaleContext","machineProps","service","useMachine","progress.machine","progress.connect","normalizeProps","ProgressRoot","progressProps","localProps","createSplitProps","ProgressRootProvider","ProgressValueText","children","rest"],"mappings":";;;;;AAGK,MAAC,CAACA,GAAkBC,CAAkB,IAAIC,EAAc;AAAA,EAC3D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCAKC,IAAgBC,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAMC,IAAWN,EAAoB,GAC/BO,IAAcC,EAAWF,EAAS,cAAa,GAAIF,CAAK;AAC9D,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAC/D,CAAC;AACDH,EAAc,cAAc;ACL5B,MAAMS,IAAc,CAACP,MAAU;AAC7B,QAAMQ,IAAKC,EAAO,GACZ,EAAE,aAAAC,EAAa,IAAGC,EAAuB,GACzC,EAAE,KAAAC,GAAK,QAAAC,EAAQ,IAAGC,EAAkB,GACpCC,IAAe;AAAA,IACnB,IAAAP;AAAA,IACA,KAAAI;AAAA,IACA,QAAAC;AAAA,IACA,aAAAH;AAAA,IACA,GAAGV;AAAA,EACJ,GACKgB,IAAUC,EAAWC,GAAkBH,CAAY;AACzD,SAAOI,EAAiBH,GAASI,CAAc;AACjD,GCXMC,IAAetB,EAAW,CAACC,GAAOC,MAAQ;AAC9C,QAAM,CAACqB,GAAeC,CAAU,IAAIC,EAAgB,EAAGxB,GAAO;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAG,GACKE,IAAWK,EAAYe,CAAa,GACpCnB,IAAcC,EAAWF,EAAS,aAAY,GAAIqB,CAAU;AAClE,SAAuBlB,gBAAAA,EAAG,IAACV,GAAkB,EAAE,OAAOO,GAAU,UAA0BG,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAF,EAAG,CAAE,EAAC,CAAE;AACnI,CAAC;AACDoB,EAAa,cAAc;ACnBtB,MAACI,IAAuB1B,EAAW,CAACC,GAAOC,MAAQ;AACtD,QAAM,CAAC,EAAE,OAAOC,KAAYqB,CAAU,IAAIC,IAAmBxB,GAAO,CAAC,OAAO,CAAC,GACvEG,IAAcC,EAAWF,EAAS,aAAY,GAAIqB,CAAU;AAClE,SAAuBlB,gBAAAA,EAAG,IAACV,GAAkB,EAAE,OAAOO,GAAU,UAA0BG,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAF,EAAG,CAAE,EAAC,CAAE;AACnI,CAAC;AACDwB,EAAqB,cAAc;ACN9B,MAACC,IAAoB3B,EAAW,CAACC,GAAOC,MAAQ;AACnD,QAAM,EAAE,UAAA0B,GAAU,GAAGC,EAAI,IAAK5B,GACxBE,IAAWN,EAAoB,GAC/BO,IAAcC,EAAWF,EAAS,kBAAiB,GAAI0B,CAAI;AACjE,SAAuBvB,gBAAAA,MAAIC,EAAI,MAAM,EAAE,GAAGH,GAAa,KAAAF,GAAK,UAAU0B,KAAYzB,EAAS,gBAAe,CAAE;AAC9G,CAAC;AACDwB,EAAkB,cAAc;","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/chunks/radioGroup.types-C7A8mLMz.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("./withFormControl-wZA87Sd4.js"),d=require("react"),T=require("./text.component-CeioUl0G.js"),B=require("./create-slot-recipe-context-HXE1VazG.js"),F=require("./radiomark-Cj0NEJeE.js"),i=require("./use-locale-context-ym21RUxU.js"),v=require("./index-D6HBfqAu.js"),m=require("./index-CQURjLlA.js"),M=require("./buttonGroup.component-CowJsbr7.js"),h=require("./button.recipe-flk0XJTS.js"),O=require("./stack-BE-r1yqU.js"),D=o=>o&&o.__esModule?o:{default:o},V=D(d),[E,x]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,f]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),y=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["value","disabled","invalid"]),a=x(),n=m.mergeProps(a.getItemProps(t),e),u=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:u,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:r})})})});y.displayName="RadioGroupItem";const U=o=>o.children(K()),C=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemControlProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})});C.displayName="RadioGroupItemControl";const w=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemHiddenInputProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:r})});w.displayName="RadioGroupItemHiddenInput";const b=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemTextProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:r})});b.displayName="RadioGroupItemText";const k=d.forwardRef((o,r)=>{const t=x(),e=m.mergeProps(t.getLabelProps(),o);return s.jsxRuntimeExports.jsx(i.ark.label,{...e,ref:r})});k.displayName="RadioGroupLabel";const X=o=>{const r=d.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:e}=i.useLocaleContext(),a={id:r,dir:e,getRootNode:t,...o},n=i.useMachine(v.machine,a);return v.connect(n,i.normalizeProps)},N=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=m.mergeProps(a.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:r})})});N.displayName="RadioGroupRoot";const _=d.forwardRef((o,r)=>{const[{value:t},e]=i.createSplitProps()(o,["value"]),a=m.mergeProps(t.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})})});_.displayName="RadioGroupRootProvider";const{withProvider:S,withContext:G,useStyles:Y}=B.createSlotRecipeContext({key:"radioGroup"});S(_,"root",{forwardAsChild:!0});const Z=S(N,"root",{forwardAsChild:!0});G(k,"label",{forwardAsChild:!0});const z=G(y,"item",{forwardAsChild:!0}),oo=G(b,"itemText",{forwardAsChild:!0});G(C,"itemControl",{forwardAsChild:!0});const to=d.forwardRef(function(r,t){const e=Y();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(C,{asChild:!0,children:s.jsxRuntimeExports.jsx(F.Radiomark,{ref:t,unstyled:!0,...r,checked:a.checked,disabled:a.disabled,css:[e.itemControl,r.css]})})})}),eo=w,q=V.default.forwardRef(({children:o,disabled:r=!1,invalid:t=!1,onContrast:e=!1,radioRef:a,radioType:n,rootRef:u,size:l="md",["data-testid"]:p="kibble-radio",...R},P)=>s.jsxRuntimeExports.jsxs(z,{className:"Radio","data-testid":p,invalid:t,disabled:r,ref:u,...R,children:[s.jsxRuntimeExports.jsx(eo,{className:"Radio__Input","data-testid":`${p}-input`,ref:a||P}),s.jsxRuntimeExports.jsx(to,{className:"Radio__Indicator","data-testid":`${p}-indicator`}),o&&s.jsxRuntimeExports.jsx(oo,{className:"Radio__Text","data-testid":`${p}-label`,...n==="cards"&&typeof o!="string"&&{mt:"-4px"},children:typeof o=="string"?s.jsxRuntimeExports.jsx(T.WrappedText,{size:l,lineHeight:"unset",variant:e?"onContrast":"default",children:o}):o})]}));q.displayName="Radio";const ro=g.withFormControl(q),$=({radios:o,defaultValue:r,direction:t="column",disabled:e,invalid:a,onContrast:n,size:u="md",radioType:l="default",onValueChange:p,value:R,gap:P=2,radioAlignment:A="start",["data-testid"]:H="kibble-radio-group",...L})=>{const W=n?"onContrast":"default";return s.jsxRuntimeExports.jsx(Z,{className:"RadioGroup","data-testid":H,disabled:e,defaultValue:r,value:R,size:u,variant:W,withCard:l==="cards",radioAlignment:A,onValueChange:p,...L,children:l==="buttons"?s.jsxRuntimeExports.jsx(M.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:o.map((c,j)=>{const I=r===c.value||R===c.value;return{key:`button-radio-${j}`,children:c.children,active:I,disabled:e,"data-testid":c["data-testid"],onClick:()=>p?.({value:c.value}),...e&&I&&{...n?h.secondarySubtleOnContrastButtonStyles:h.secondarySubtleButtonStyles}}})}):s.jsxRuntimeExports.jsx(O.Stack,{gap:P,direction:t,children:o.map((c,j)=>s.jsxRuntimeExports.jsx(ro,{invalid:a,disabled:e,size:u,radioType:l,onContrast:n,...t==="row"&&{fullWidth:!1},...c},`radio-${j}`))})})};$.displayName="RadioGroup";const so=g.withFormControl($),ao=["default","buttons","cards"],io=["start","center","end"];exports.WrappedRadioGroup=so;exports.radioAlignments=io;exports.radioTypes=ao;
+//# sourceMappingURL=radioGroup.types-C7A8mLMz.js.map