@televet/kibble-ui 5.0.13 → 5.0.15

package/dist/chunks/{popover.component-C0nG3J1J.js.map → popover.component-DTjA1GSd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-C0nG3J1J.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]}
+{"version":3,"file":"popover.component-DTjA1GSd.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-NDvOfG9X.js → popover.recipe-CtptsJg6.js}

@@ -1,2 +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"}}},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.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}}},n=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:a},defaultVariants:{size:"sm",variant:"default"}});exports.popoverRecipe=n;
-//# sourceMappingURL=popover.recipe-NDvOfG9X.js.map
+"use strict";const o=require("./anatomy-B0LtI6sf.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"}}},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.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.overlay.contrast","--hovercard-bg":"colors.background.overlay.contrast",borderColor:"border.contrast",color:"text.contrast"}}},n=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:a},defaultVariants:{size:"sm",variant:"default"}});exports.popoverRecipe=n;
+//# sourceMappingURL=popover.recipe-CtptsJg6.js.map

package/dist/chunks/{popover.recipe-NDvOfG9X.js.map → popover.recipe-CtptsJg6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipe-NDvOfG9X.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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,qCAChB,iBAAkB,qCAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,qCAChB,iBAAkB,qCAClB,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"}
+{"version":3,"file":"popover.recipe-CtptsJg6.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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,qCAChB,iBAAkB,qCAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,qCAChB,iBAAkB,qCAClB,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.recipe-BAl0q_IZ.js → popover.recipe-DPwwsWLb.js}

@@ -1,4 +1,4 @@
-import { p as o } from "./anatomy-zd4ecEFD.js";
+import { p as o } from "./anatomy-DKlFmIC5.js";
 import { d as r } from "./config-Djkl1N81.js";
 const e = o.keys(), t = {
   xs: {
@@ -123,4 +123,4 @@ const e = o.keys(), t = {
 export {
   d as p
 };
-//# sourceMappingURL=popover.recipe-BAl0q_IZ.js.map
+//# sourceMappingURL=popover.recipe-DPwwsWLb.js.map

package/dist/chunks/{popover.recipe-BAl0q_IZ.js.map → popover.recipe-DPwwsWLb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.recipe-BAl0q_IZ.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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;"}
+{"version":3,"file":"popover.recipe-DPwwsWLb.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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.overlay.contrast',\n      '--hovercard-bg': 'colors.background.overlay.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/{progress-value-text-DZkUF2cO.js → progress-value-text-D1GjH6w4.js}

@@ -1,8 +1,8 @@
 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";
+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-DmcfCmf9.js";
+import { a6 as l } from "./index-BcafYtXX.js";
+import { m as R, c as j } from "./index-CgPTA7y6.js";
 const [P, g] = u({
   name: "ProgressContext",
   hookName: "useProgressContext",
@@ -55,4 +55,4 @@ export {
   V as c,
   g as u
 };
-//# sourceMappingURL=progress-value-text-DZkUF2cO.js.map
+//# sourceMappingURL=progress-value-text-D1GjH6w4.js.map

package/dist/chunks/{progress-value-text-DZkUF2cO.js.map → progress-value-text-D1GjH6w4.js.map}

@@ -1 +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]}
+{"version":3,"file":"progress-value-text-D1GjH6w4.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-B--54AgI.js → radioGroup.types-CVFQ5dZ7.js}

@@ -1,13 +1,13 @@
 import { j as a } from "./jsx-runtime-C5mzlN2N.js";
-import { w as g } from "./withFormControl-lDkIqkED.js";
+import { w as g } from "./withFormControl-08PrhcOk.js";
 import E, { forwardRef as d, useId as O } from "react";
-import { W as F } from "./text.component-IjomJyJY.js";
+import { W as F } from "./text.component-DhuUgP3j.js";
 import { c as M } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { R as V } from "./radiomark-DdwVpBDT.js";
-import { a as I, b as v, d as m, u as q, f as D, g as J, n as K } from "./use-locale-context-Bw4Gg9Z0.js";
-import { m as Q, c as U } from "./index-DS4KlAkI.js";
-import { a6 as c } from "./index-fHSGm2nC.js";
-import { B as X } from "./buttonGroup.component-TsLHB-LO.js";
+import { a as I, b as v, d as m, u as q, f as D, g as J, n as K } from "./use-locale-context-DmcfCmf9.js";
+import { m as Q, c as U } from "./index-DVGrQEJi.js";
+import { a6 as c } from "./index-BcafYtXX.js";
+import { B as X } from "./buttonGroup.component-BNOBvOyv.js";
 import { s as Y, a as Z } from "./button.recipe-CZ-PlRrK.js";
 import { S as z } from "./stack-rvdA8MI9.js";
 const [y, R] = I({
@@ -225,4 +225,4 @@ export {
   bo as a,
   No as r
 };
-//# sourceMappingURL=radioGroup.types-B--54AgI.js.map
+//# sourceMappingURL=radioGroup.types-CVFQ5dZ7.js.map

package/dist/chunks/{radioGroup.types-B--54AgI.js.map → radioGroup.types-CVFQ5dZ7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types-B--54AgI.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/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"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 { 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 { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  /** If true, the radio will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Ref to the hidden input element. */\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the radio component. */\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  /** Size of the radio.\n   * @default md\n   */\n  size?: FormControlSize;\n  /** Data test id for the radio.\n   * @default kibble-radio\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalRadioProps extends RadioProps {\n  /** Type of the radio.\n   * @internal\n   */\n  radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n  (\n    {\n      children,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      radioType,\n      rootRef,\n      size = 'md',\n      ['data-testid']: dataTestId = 'kibble-radio',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid={dataTestId}\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioGroup.ItemHiddenInput\n          className=\"Radio__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={radioRef || ref}\n        />\n        <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        {children && (\n          <RadioGroup.ItemText\n            className=\"Radio__Text\"\n            data-testid={`${dataTestId}-label`}\n            {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </RadioGroup.ItemText>\n        )}\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } 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';\nimport { RadioAlignment, RadioType } from './radioGroup.types';\nimport { secondarySubtleOnContrastButtonStyles, secondarySubtleButtonStyles } from 'components/Button/button.recipe';\n\nexport interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {\n  /**\n   * The direction to stack the radios.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /**\n   * Size of the radio group.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * The visual type of the radio group.\n   * @default default\n   */\n  radioType?: RadioType;\n  /** An array of Radio props to be rendered inside the group. See `Radio` for more information. */\n  radios: RadioProps[];\n  /**\n   * The alignment of the radio input element.\n   * @default start\n   */\n  radioAlignment?: RadioAlignment;\n  /** Data test id for the radio group.\n   * @default kibble-radio-group\n   */\n  'data-testid'?: string;\n}\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  size = 'md',\n  radioType = 'default',\n  onValueChange,\n  value,\n  gap = 2,\n  radioAlignment = 'start',\n  ['data-testid']: dataTestId = 'kibble-radio-group',\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      size={size}\n      variant={_computedVariant}\n      withCard={radioType === 'cards'}\n      radioAlignment={radioAlignment}\n      onValueChange={onValueChange}\n      {...rest}\n    >\n      {radioType === 'buttons' ? (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              'data-testid': radio['data-testid'],\n              onClick: () => onValueChange?.({ value: radio.value }),\n              ...(disabled &&\n                active && { ...(onContrast ? secondarySubtleOnContrastButtonStyles : secondarySubtleButtonStyles) }),\n            };\n          })}\n        />\n      ) : (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              size={size}\n              radioType={radioType}\n              onContrast={onContrast}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n\nexport const radioAlignments = ['start', 'center', 'end'] as const;\nexport type RadioAlignment = (typeof radioAlignments)[number];\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","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","styles","RadioGroup.ItemContext","Radiomark","RadioGroup.ItemHiddenInput","Radio","React","children","disabled","invalid","onContrast","radioRef","radioType","rootRef","size","dataTestId","rest","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onValueChange","value","gap","radioAlignment","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","secondarySubtleOnContrastButtonStyles","secondarySubtleButtonStyles","Stack","WrappedRadioGroup","radioTypes","radioAlignments"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
+{"version":3,"file":"radioGroup.types-CVFQ5dZ7.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/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"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 { 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 { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  /** If true, the radio will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Ref to the hidden input element. */\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the radio component. */\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  /** Size of the radio.\n   * @default md\n   */\n  size?: FormControlSize;\n  /** Data test id for the radio.\n   * @default kibble-radio\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalRadioProps extends RadioProps {\n  /** Type of the radio.\n   * @internal\n   */\n  radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n  (\n    {\n      children,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      radioType,\n      rootRef,\n      size = 'md',\n      ['data-testid']: dataTestId = 'kibble-radio',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid={dataTestId}\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioGroup.ItemHiddenInput\n          className=\"Radio__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={radioRef || ref}\n        />\n        <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        {children && (\n          <RadioGroup.ItemText\n            className=\"Radio__Text\"\n            data-testid={`${dataTestId}-label`}\n            {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </RadioGroup.ItemText>\n        )}\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } 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';\nimport { RadioAlignment, RadioType } from './radioGroup.types';\nimport { secondarySubtleOnContrastButtonStyles, secondarySubtleButtonStyles } from 'components/Button/button.recipe';\n\nexport interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {\n  /**\n   * The direction to stack the radios.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /**\n   * Size of the radio group.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * The visual type of the radio group.\n   * @default default\n   */\n  radioType?: RadioType;\n  /** An array of Radio props to be rendered inside the group. See `Radio` for more information. */\n  radios: RadioProps[];\n  /**\n   * The alignment of the radio input element.\n   * @default start\n   */\n  radioAlignment?: RadioAlignment;\n  /** Data test id for the radio group.\n   * @default kibble-radio-group\n   */\n  'data-testid'?: string;\n}\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  size = 'md',\n  radioType = 'default',\n  onValueChange,\n  value,\n  gap = 2,\n  radioAlignment = 'start',\n  ['data-testid']: dataTestId = 'kibble-radio-group',\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      size={size}\n      variant={_computedVariant}\n      withCard={radioType === 'cards'}\n      radioAlignment={radioAlignment}\n      onValueChange={onValueChange}\n      {...rest}\n    >\n      {radioType === 'buttons' ? (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              'data-testid': radio['data-testid'],\n              onClick: () => onValueChange?.({ value: radio.value }),\n              ...(disabled &&\n                active && { ...(onContrast ? secondarySubtleOnContrastButtonStyles : secondarySubtleButtonStyles) }),\n            };\n          })}\n        />\n      ) : (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              size={size}\n              radioType={radioType}\n              onContrast={onContrast}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n\nexport const radioAlignments = ['start', 'center', 'end'] as const;\nexport type RadioAlignment = (typeof radioAlignments)[number];\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","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","styles","RadioGroup.ItemContext","Radiomark","RadioGroup.ItemHiddenInput","Radio","React","children","disabled","invalid","onContrast","radioRef","radioType","rootRef","size","dataTestId","rest","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onValueChange","value","gap","radioAlignment","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","secondarySubtleOnContrastButtonStyles","secondarySubtleButtonStyles","Stack","WrappedRadioGroup","radioTypes","radioAlignments"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/{rating-group-CfwdAW9a.js → rating-group-DRCWuE5-.js}

@@ -3,10 +3,10 @@ import { forwardRef as u, useId as y, isValidElement as N, cloneElement as w } f
 import { c as S } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { c as $ } from "./factory-BQshv7_b.js";
 import { S as k } from "./icons-CoSqruIn.js";
-import { a as R, d, b as l, u as H, f as A, g as L, n as E } from "./use-locale-context-Bw4Gg9Z0.js";
-import { u as G } from "./use-field-context-DrC9mrDd.js";
-import { a6 as c } from "./index-fHSGm2nC.js";
-import { m as F, c as q } from "./index-B3xJnxjd.js";
+import { a as R, d, b as l, u as H, f as A, g as L, n as E } from "./use-locale-context-DmcfCmf9.js";
+import { u as G } from "./use-field-context-BoqOeObh.js";
+import { a6 as c } from "./index-BcafYtXX.js";
+import { m as F, c as q } from "./index-DJa3JmO7.js";
 const [h, p] = R({
   name: "RatingGroupContext",
   hookName: "useRatingGroupContext",
@@ -130,4 +130,4 @@ export {
   et as j,
   B as u
 };
-//# sourceMappingURL=rating-group-CfwdAW9a.js.map
+//# sourceMappingURL=rating-group-DRCWuE5-.js.map

package/dist/chunks/{rating-group-CfwdAW9a.js.map → rating-group-DRCWuE5-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rating-group-CfwdAW9a.js","sources":["../../node_modules/@ark-ui/react/dist/components/rating-group/use-rating-group-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-control.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/rating-group/use-rating-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-item.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-label.js","../../node_modules/@ark-ui/react/dist/components/rating-group/use-rating-group.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-root.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/for/for.js","../../node_modules/@chakra-ui/react/dist/esm/components/rating-group/rating-group.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RatingGroupProvider, useRatingGroupContext] = createContext({\n  name: \"RatingGroupContext\",\n  hookName: \"useRatingGroupContext\",\n  providerName: \"<RatingGroupProvider />\"\n});\n\nexport { RatingGroupProvider, useRatingGroupContext };\n","'use client';\nimport { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupContext = (props) => props.children(useRatingGroupContext());\n\nexport { RatingGroupContext };\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 { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupControl = forwardRef((props, ref) => {\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRatingGroupControl.displayName = \"RatingGroupControl\";\n\nexport { RatingGroupControl };\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 { useFieldContext } from '../field/use-field-context.js';\nimport { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupHiddenInput = forwardRef((props, ref) => {\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getHiddenInputProps(), props);\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nRatingGroupHiddenInput.displayName = \"RatingGroupHiddenInput\";\n\nexport { RatingGroupHiddenInput };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({\n  name: \"RatingGroupItemContext\",\n  hookName: \"useRatingGroupItemContext\",\n  providerName: \"<RatingGroupItemProvider />\"\n});\n\nexport { RatingGroupItemProvider, useRatingGroupItemContext };\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 { useRatingGroupContext } from './use-rating-group-context.js';\nimport { RatingGroupItemProvider } from './use-rating-group-item-context.js';\n\nconst RatingGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"index\"]);\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getItemProps(itemProps), localProps);\n  const itemState = ratingGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RatingGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref }) });\n});\nRatingGroupItem.displayName = \"RatingGroupItem\";\n\nexport { RatingGroupItem };\n","'use client';\nimport { useRatingGroupItemContext } from './use-rating-group-item-context.js';\n\nconst RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());\n\nexport { RatingGroupItemContext };\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 { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupLabel = forwardRef((props, ref) => {\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRatingGroupLabel.displayName = \"RatingGroupLabel\";\n\nexport { RatingGroupLabel };\n","'use client';\nimport * as rating from '@zag-js/rating-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';\nimport { useFieldContext } from '../field/use-field-context.js';\n\nconst useRatingGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const field = useFieldContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenInput: field?.ids.control\n    },\n    dir,\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    required: field?.required,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(rating.machine, machineProps);\n  return rating.connect(service, normalizeProps);\n};\n\nexport { useRatingGroup };\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 { useRatingGroup } from './use-rating-group.js';\nimport { RatingGroupProvider } from './use-rating-group-context.js';\n\nconst RatingGroupRoot = forwardRef((props, ref) => {\n  const [useRatingProps, localProps] = createSplitProps()(props, [\n    \"allowHalf\",\n    \"autoFocus\",\n    \"count\",\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onHoverChange\",\n    \"onValueChange\",\n    \"readOnly\",\n    \"required\",\n    \"translations\",\n    \"value\"\n  ]);\n  const ratingGroup = useRatingGroup(useRatingProps);\n  const mergedProps = mergeProps(ratingGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRatingGroupRoot.displayName = \"RatingGroupRoot\";\n\nexport { RatingGroupRoot };\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 { RatingGroupProvider } from './use-rating-group-context.js';\n\nconst RatingGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: ratingGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(ratingGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRatingGroupRootProvider.displayName = \"RatingGroupRootProvider\";\n\nexport { RatingGroupRootProvider };\n","\"use strict\";\nfunction For(props) {\n  const { each, fallback, children } = props;\n  if (each?.length === 0) {\n    return fallback || null;\n  }\n  return each?.map(children);\n}\n\nexport { For };\n","\"use strict\";\n\"use client\";\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport { RatingGroup, useRatingGroupItemContext, useRatingGroupContext } from '@ark-ui/react/rating-group';\nimport { forwardRef, isValidElement, cloneElement } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { StarIcon } from '../icons.js';\nimport { For } from '../for/for.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRatingGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"ratingGroup\" });\nconst RatingGroupRootProvider = withProvider(RatingGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RatingGroupRoot = withProvider(RatingGroup.Root, \"root\", { forwardAsChild: true });\nconst RatingGroupPropsProvider = PropsProvider;\nconst RatingGroupLabel = withContext(RatingGroup.Label, \"label\", { forwardAsChild: true });\nconst RatingGroupItem = withContext(RatingGroup.Item, \"item\", { forwardAsChild: true });\nfunction cloneIcon(icon, type) {\n  if (!isValidElement(icon)) return null;\n  const props = { [`data-${type}`]: \"\", \"aria-hidden\": \"\" };\n  return cloneElement(icon, props);\n}\nconst RatingGroupItemIndicator = forwardRef(function RatingGroupItemIndicator2(props, ref) {\n  const { icon = /* @__PURE__ */ jsx(StarIcon, {}), ...rest } = props;\n  const styles = useRatingGroupStyles();\n  const itemState = useRatingGroupItemContext();\n  return /* @__PURE__ */ jsxs(\n    chakra.span,\n    {\n      ...rest,\n      \"data-highlighted\": itemState.highlighted ? \"\" : void 0,\n      \"data-checked\": itemState.checked ? \"\" : void 0,\n      \"data-half\": itemState.half ? \"\" : void 0,\n      css: [styles.itemIndicator, props.css],\n      ref,\n      children: [\n        cloneIcon(icon, \"bg\"),\n        cloneIcon(icon, \"fg\")\n      ]\n    }\n  );\n});\nconst RatingGroupItems = (props) => {\n  const api = useRatingGroupContext();\n  return /* @__PURE__ */ jsx(For, { each: api.items, children: (index) => /* @__PURE__ */ jsx(RatingGroupItem, { index, ...props, children: /* @__PURE__ */ jsx(RatingGroupItemIndicator, {}) }, index) });\n};\nconst RatingGroupControl = withContext(RatingGroup.Control, \"control\", {\n  forwardAsChild: true,\n  defaultProps: { children: /* @__PURE__ */ jsx(RatingGroupItems, {}) }\n});\nconst RatingGroupContext = RatingGroup.Context;\nconst RatingGroupItemContext = RatingGroup.ItemContext;\nconst RatingGroupHiddenInput = RatingGroup.HiddenInput;\n\nexport { RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupItemIndicator, RatingGroupItems, RatingGroupLabel, RatingGroupPropsProvider, RatingGroupRoot, RatingGroupRootProvider, useRatingGroupStyles };\n"],"names":["RatingGroupProvider","useRatingGroupContext","createContext","RatingGroupContext","props","RatingGroupControl","forwardRef","ref","ratingGroup","mergedProps","mergeProps","jsx","ark","RatingGroupHiddenInput","field","useFieldContext","RatingGroupItemProvider","useRatingGroupItemContext","RatingGroupItem","itemProps","localProps","createSplitProps","itemState","RatingGroupItemContext","RatingGroupLabel","useRatingGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","rating.machine","rating.connect","normalizeProps","RatingGroupRoot","useRatingProps","RatingGroupRootProvider","For","each","fallback","children","withProvider","withContext","useRatingGroupStyles","PropsProvider","createSlotRecipeContext","RatingGroup.RootProvider","RatingGroup.Root","RatingGroupPropsProvider","RatingGroup.Label","RatingGroup.Item","cloneIcon","icon","type","isValidElement","cloneElement","RatingGroupItemIndicator","StarIcon","rest","styles","jsxs","chakra","RatingGroupItems","api","index","RatingGroup.Control","RatingGroup.Context","RatingGroup.ItemContext","RatingGroup.HiddenInput"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
+{"version":3,"file":"rating-group-DRCWuE5-.js","sources":["../../node_modules/@ark-ui/react/dist/components/rating-group/use-rating-group-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-control.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/rating-group/use-rating-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-item.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-label.js","../../node_modules/@ark-ui/react/dist/components/rating-group/use-rating-group.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-root.js","../../node_modules/@ark-ui/react/dist/components/rating-group/rating-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/for/for.js","../../node_modules/@chakra-ui/react/dist/esm/components/rating-group/rating-group.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RatingGroupProvider, useRatingGroupContext] = createContext({\n  name: \"RatingGroupContext\",\n  hookName: \"useRatingGroupContext\",\n  providerName: \"<RatingGroupProvider />\"\n});\n\nexport { RatingGroupProvider, useRatingGroupContext };\n","'use client';\nimport { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupContext = (props) => props.children(useRatingGroupContext());\n\nexport { RatingGroupContext };\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 { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupControl = forwardRef((props, ref) => {\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRatingGroupControl.displayName = \"RatingGroupControl\";\n\nexport { RatingGroupControl };\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 { useFieldContext } from '../field/use-field-context.js';\nimport { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupHiddenInput = forwardRef((props, ref) => {\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getHiddenInputProps(), props);\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nRatingGroupHiddenInput.displayName = \"RatingGroupHiddenInput\";\n\nexport { RatingGroupHiddenInput };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({\n  name: \"RatingGroupItemContext\",\n  hookName: \"useRatingGroupItemContext\",\n  providerName: \"<RatingGroupItemProvider />\"\n});\n\nexport { RatingGroupItemProvider, useRatingGroupItemContext };\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 { useRatingGroupContext } from './use-rating-group-context.js';\nimport { RatingGroupItemProvider } from './use-rating-group-item-context.js';\n\nconst RatingGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"index\"]);\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getItemProps(itemProps), localProps);\n  const itemState = ratingGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RatingGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref }) });\n});\nRatingGroupItem.displayName = \"RatingGroupItem\";\n\nexport { RatingGroupItem };\n","'use client';\nimport { useRatingGroupItemContext } from './use-rating-group-item-context.js';\n\nconst RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());\n\nexport { RatingGroupItemContext };\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 { useRatingGroupContext } from './use-rating-group-context.js';\n\nconst RatingGroupLabel = forwardRef((props, ref) => {\n  const ratingGroup = useRatingGroupContext();\n  const mergedProps = mergeProps(ratingGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRatingGroupLabel.displayName = \"RatingGroupLabel\";\n\nexport { RatingGroupLabel };\n","'use client';\nimport * as rating from '@zag-js/rating-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';\nimport { useFieldContext } from '../field/use-field-context.js';\n\nconst useRatingGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const field = useFieldContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenInput: field?.ids.control\n    },\n    dir,\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    required: field?.required,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(rating.machine, machineProps);\n  return rating.connect(service, normalizeProps);\n};\n\nexport { useRatingGroup };\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 { useRatingGroup } from './use-rating-group.js';\nimport { RatingGroupProvider } from './use-rating-group-context.js';\n\nconst RatingGroupRoot = forwardRef((props, ref) => {\n  const [useRatingProps, localProps] = createSplitProps()(props, [\n    \"allowHalf\",\n    \"autoFocus\",\n    \"count\",\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onHoverChange\",\n    \"onValueChange\",\n    \"readOnly\",\n    \"required\",\n    \"translations\",\n    \"value\"\n  ]);\n  const ratingGroup = useRatingGroup(useRatingProps);\n  const mergedProps = mergeProps(ratingGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRatingGroupRoot.displayName = \"RatingGroupRoot\";\n\nexport { RatingGroupRoot };\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 { RatingGroupProvider } from './use-rating-group-context.js';\n\nconst RatingGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: ratingGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(ratingGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRatingGroupRootProvider.displayName = \"RatingGroupRootProvider\";\n\nexport { RatingGroupRootProvider };\n","\"use strict\";\nfunction For(props) {\n  const { each, fallback, children } = props;\n  if (each?.length === 0) {\n    return fallback || null;\n  }\n  return each?.map(children);\n}\n\nexport { For };\n","\"use strict\";\n\"use client\";\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport { RatingGroup, useRatingGroupItemContext, useRatingGroupContext } from '@ark-ui/react/rating-group';\nimport { forwardRef, isValidElement, cloneElement } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { StarIcon } from '../icons.js';\nimport { For } from '../for/for.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRatingGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"ratingGroup\" });\nconst RatingGroupRootProvider = withProvider(RatingGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RatingGroupRoot = withProvider(RatingGroup.Root, \"root\", { forwardAsChild: true });\nconst RatingGroupPropsProvider = PropsProvider;\nconst RatingGroupLabel = withContext(RatingGroup.Label, \"label\", { forwardAsChild: true });\nconst RatingGroupItem = withContext(RatingGroup.Item, \"item\", { forwardAsChild: true });\nfunction cloneIcon(icon, type) {\n  if (!isValidElement(icon)) return null;\n  const props = { [`data-${type}`]: \"\", \"aria-hidden\": \"\" };\n  return cloneElement(icon, props);\n}\nconst RatingGroupItemIndicator = forwardRef(function RatingGroupItemIndicator2(props, ref) {\n  const { icon = /* @__PURE__ */ jsx(StarIcon, {}), ...rest } = props;\n  const styles = useRatingGroupStyles();\n  const itemState = useRatingGroupItemContext();\n  return /* @__PURE__ */ jsxs(\n    chakra.span,\n    {\n      ...rest,\n      \"data-highlighted\": itemState.highlighted ? \"\" : void 0,\n      \"data-checked\": itemState.checked ? \"\" : void 0,\n      \"data-half\": itemState.half ? \"\" : void 0,\n      css: [styles.itemIndicator, props.css],\n      ref,\n      children: [\n        cloneIcon(icon, \"bg\"),\n        cloneIcon(icon, \"fg\")\n      ]\n    }\n  );\n});\nconst RatingGroupItems = (props) => {\n  const api = useRatingGroupContext();\n  return /* @__PURE__ */ jsx(For, { each: api.items, children: (index) => /* @__PURE__ */ jsx(RatingGroupItem, { index, ...props, children: /* @__PURE__ */ jsx(RatingGroupItemIndicator, {}) }, index) });\n};\nconst RatingGroupControl = withContext(RatingGroup.Control, \"control\", {\n  forwardAsChild: true,\n  defaultProps: { children: /* @__PURE__ */ jsx(RatingGroupItems, {}) }\n});\nconst RatingGroupContext = RatingGroup.Context;\nconst RatingGroupItemContext = RatingGroup.ItemContext;\nconst RatingGroupHiddenInput = RatingGroup.HiddenInput;\n\nexport { RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupItemIndicator, RatingGroupItems, RatingGroupLabel, RatingGroupPropsProvider, RatingGroupRoot, RatingGroupRootProvider, useRatingGroupStyles };\n"],"names":["RatingGroupProvider","useRatingGroupContext","createContext","RatingGroupContext","props","RatingGroupControl","forwardRef","ref","ratingGroup","mergedProps","mergeProps","jsx","ark","RatingGroupHiddenInput","field","useFieldContext","RatingGroupItemProvider","useRatingGroupItemContext","RatingGroupItem","itemProps","localProps","createSplitProps","itemState","RatingGroupItemContext","RatingGroupLabel","useRatingGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","rating.machine","rating.connect","normalizeProps","RatingGroupRoot","useRatingProps","RatingGroupRootProvider","For","each","fallback","children","withProvider","withContext","useRatingGroupStyles","PropsProvider","createSlotRecipeContext","RatingGroup.RootProvider","RatingGroup.Root","RatingGroupPropsProvider","RatingGroup.Label","RatingGroup.Item","cloneIcon","icon","type","isValidElement","cloneElement","RatingGroupItemIndicator","StarIcon","rest","styles","jsxs","chakra","RatingGroupItems","api","index","RatingGroup.Control","RatingGroup.Context","RatingGroup.ItemContext","RatingGroup.HiddenInput"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/{rating.component-DHlwuL8y.js → rating.component-CQgpD-gS.js}

@@ -1,8 +1,8 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import l from "react";
-import { w as p } from "./withFormControl-lDkIqkED.js";
+import { w as p } from "./withFormControl-08PrhcOk.js";
 import { I as R } from "./icon.component-PV_nHBId.js";
-import { R as u, a as _, b as f, c as h, d as j } from "./rating-group-CfwdAW9a.js";
+import { R as u, a as _, b as f, c as h, d as j } from "./rating-group-DRCWuE5-.js";
 const n = l.forwardRef(
   ({
     count: r = 5,
@@ -67,4 +67,4 @@ const w = p(n);
 export {
   w as W
 };
-//# sourceMappingURL=rating.component-DHlwuL8y.js.map
+//# sourceMappingURL=rating.component-CQgpD-gS.js.map

package/dist/chunks/{rating.component-DHlwuL8y.js.map → rating.component-CQgpD-gS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rating.component-DHlwuL8y.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}
+{"version":3,"file":"rating.component-CQgpD-gS.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}

package/dist/chunks/{ratingDots.component-C3ABFE0-.js → ratingDots.component-C1KgTGWj.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { useCallback as j, useMemo as x } from "react";
 import { B as y } from "./index-9BerxEcw.js";
-import { W as l } from "./text.component-IjomJyJY.js";
+import { W as l } from "./text.component-DhuUgP3j.js";
 import { a as R } from "./config-Djkl1N81.js";
 import { u as C } from "./use-recipe-d63ABaZ3.js";
 import { F as g } from "./flex-CX-8gE9T.js";
-import { w as D } from "./withFormControl-lDkIqkED.js";
+import { w as D } from "./withFormControl-08PrhcOk.js";
 const _ = R({
   base: {
     alignItems: "center",
@@ -144,4 +144,4 @@ const A = D(v);
 export {
   A as W
 };
-//# sourceMappingURL=ratingDots.component-C3ABFE0-.js.map
+//# sourceMappingURL=ratingDots.component-C1KgTGWj.js.map