@televet/kibble-ui 5.0.3 → 5.0.4-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{avatarGroup.component-x7ySfpyA.js → avatarGroup.component-BdhUT7n5.js} +2 -2
- package/dist/chunks/{avatarGroup.component-x7ySfpyA.js.map → avatarGroup.component-BdhUT7n5.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-CLteMZ56.js → avatarGroup.component-BwrjkSJn.js} +2 -2
- package/dist/chunks/{avatarGroup.component-CLteMZ56.js.map → avatarGroup.component-BwrjkSJn.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-Ce82BQGv.js → buttonGroup.component--dqWO06l.js} +2 -2
- package/dist/chunks/{buttonGroup.component-Ce82BQGv.js.map → buttonGroup.component--dqWO06l.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-CSEIrylL.js → buttonGroup.component-D1h4aH2G.js} +2 -2
- package/dist/chunks/{buttonGroup.component-CSEIrylL.js.map → buttonGroup.component-D1h4aH2G.js.map} +1 -1
- package/dist/chunks/{calendar.component-2i6L0Fpk.js → calendar.component-BI8rM2b7.js} +2 -2
- package/dist/chunks/{calendar.component-2i6L0Fpk.js.map → calendar.component-BI8rM2b7.js.map} +1 -1
- package/dist/chunks/{calendar.component-BbM30a06.js → calendar.component-CsOKKu1B.js} +2 -2
- package/dist/chunks/{calendar.component-BbM30a06.js.map → calendar.component-CsOKKu1B.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-BpaFgj0T.js → conversationCard.component-8-HSmE3v.js} +2 -2
- package/dist/chunks/{conversationCard.component-BpaFgj0T.js.map → conversationCard.component-8-HSmE3v.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-CAein2kE.js → conversationCard.component-FMq9PY8T.js} +2 -2
- package/dist/chunks/{conversationCard.component-CAein2kE.js.map → conversationCard.component-FMq9PY8T.js.map} +1 -1
- package/dist/chunks/{datePicker.component--eXoTVQV.js → datePicker.component-CcSzO2cP.js} +3 -3
- package/dist/chunks/{datePicker.component--eXoTVQV.js.map → datePicker.component-CcSzO2cP.js.map} +1 -1
- package/dist/chunks/{datePicker.component-B61MFSsZ.js → datePicker.component-DwOyIbZk.js} +2 -2
- package/dist/chunks/{datePicker.component-B61MFSsZ.js.map → datePicker.component-DwOyIbZk.js.map} +1 -1
- package/dist/chunks/{datePicker.provider-BGWL6djq.js → datePicker.provider-B3423SaO.js} +370 -370
- package/dist/chunks/{datePicker.provider-BGWL6djq.js.map → datePicker.provider-B3423SaO.js.map} +1 -1
- package/dist/chunks/datePicker.provider-Bi_9Q7nm.js +15 -0
- package/dist/chunks/{datePicker.provider-DvHAC4KM.js.map → datePicker.provider-Bi_9Q7nm.js.map} +1 -1
- package/dist/chunks/{dateTimePicker.component-decmNMjJ.js → dateTimePicker.component-COryQU_H.js} +4 -4
- package/dist/chunks/{dateTimePicker.component-decmNMjJ.js.map → dateTimePicker.component-COryQU_H.js.map} +1 -1
- package/dist/chunks/{dateTimePicker.component-B8tYT6Qh.js → dateTimePicker.component-CTx_6MBi.js} +2 -2
- package/dist/chunks/{dateTimePicker.component-B8tYT6Qh.js.map → dateTimePicker.component-CTx_6MBi.js.map} +1 -1
- package/dist/chunks/{menu.component-TeC2F3rT.js → menu.component-BuTY_3mt.js} +198 -194
- package/dist/chunks/menu.component-BuTY_3mt.js.map +1 -0
- package/dist/chunks/menu.component-D79Ce44I.js +2 -0
- package/dist/chunks/menu.component-D79Ce44I.js.map +1 -0
- package/dist/chunks/{popover.component-DbyavgPM.js → popover.component-BsiKfJR7.js} +2 -2
- package/dist/chunks/{popover.component-DbyavgPM.js.map → popover.component-BsiKfJR7.js.map} +1 -1
- package/dist/chunks/{popover.component-9PBdCDiB.js → popover.component-C0nG3J1J.js} +2 -2
- package/dist/chunks/{popover.component-9PBdCDiB.js.map → popover.component-C0nG3J1J.js.map} +1 -1
- package/dist/chunks/{popover.recipe-B9bkpDfc.js → popover.recipe-BAl0q_IZ.js} +8 -8
- package/dist/chunks/popover.recipe-BAl0q_IZ.js.map +1 -0
- package/dist/chunks/popover.recipe-NDvOfG9X.js +2 -0
- package/dist/chunks/popover.recipe-NDvOfG9X.js.map +1 -0
- package/dist/chunks/{radioGroup.types-CUg3XVch.js → radioGroup.types-C-JQsOXh.js} +2 -2
- package/dist/chunks/{radioGroup.types-CUg3XVch.js.map → radioGroup.types-C-JQsOXh.js.map} +1 -1
- package/dist/chunks/{radioGroup.types-BsKe5gz6.js → radioGroup.types-sigpU7JZ.js} +2 -2
- package/dist/chunks/{radioGroup.types-BsKe5gz6.js.map → radioGroup.types-sigpU7JZ.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-BwhOg7ga.js → tagBlock.component-CUti4nJM.js} +2 -2
- package/dist/chunks/{tagBlock.component-BwhOg7ga.js.map → tagBlock.component-CUti4nJM.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-D43MMwFp.js → tagBlock.component-DExd13J1.js} +2 -2
- package/dist/chunks/{tagBlock.component-D43MMwFp.js.map → tagBlock.component-DExd13J1.js.map} +1 -1
- package/dist/chunks/{timePicker.component-DKIP9ht3.js → timePicker.component-B750WQHA.js} +2 -2
- package/dist/chunks/{timePicker.component-DKIP9ht3.js.map → timePicker.component-B750WQHA.js.map} +1 -1
- package/dist/chunks/{timePicker.component-C_9VZDgk.js → timePicker.component-BOvQHyHv.js} +2 -2
- package/dist/chunks/{timePicker.component-C_9VZDgk.js.map → timePicker.component-BOvQHyHv.js.map} +1 -1
- package/dist/chunks/{timeRange.component-Bh1gGOkO.js → timeRange.component-C0f7pM9p.js} +2 -2
- package/dist/chunks/{timeRange.component-Bh1gGOkO.js.map → timeRange.component-C0f7pM9p.js.map} +1 -1
- package/dist/chunks/{timeRange.component-4CWzFhIU.js → timeRange.component-CdHkxVXb.js} +2 -2
- package/dist/chunks/{timeRange.component-4CWzFhIU.js.map → timeRange.component-CdHkxVXb.js.map} +1 -1
- package/dist/cjs/components/AvatarGroup/index.cjs +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
- package/dist/cjs/components/Calendar/index.cjs +1 -1
- package/dist/cjs/components/ConversationCard/index.cjs +1 -1
- package/dist/cjs/components/DatePicker/index.cjs +1 -1
- package/dist/cjs/components/DateTimePicker/index.cjs +1 -1
- package/dist/cjs/components/Menu/index.cjs +1 -1
- package/dist/cjs/components/Popover/index.cjs +1 -1
- package/dist/cjs/components/RadioGroup/index.cjs +1 -1
- package/dist/cjs/components/TagBlock/index.cjs +1 -1
- package/dist/cjs/components/TimePicker/index.cjs +1 -1
- package/dist/cjs/components/TimeRange/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/AvatarGroup/index.js +1 -1
- package/dist/esm/components/ButtonGroup/index.js +1 -1
- package/dist/esm/components/Calendar/index.js +1 -1
- package/dist/esm/components/ConversationCard/index.js +1 -1
- package/dist/esm/components/DatePicker/index.js +2 -2
- package/dist/esm/components/DateTimePicker/index.js +1 -1
- package/dist/esm/components/Menu/index.js +1 -1
- package/dist/esm/components/Popover/index.js +1 -1
- package/dist/esm/components/RadioGroup/index.js +1 -1
- package/dist/esm/components/TagBlock/index.js +1 -1
- package/dist/esm/components/TimePicker/index.js +1 -1
- package/dist/esm/components/TimeRange/index.js +1 -1
- package/dist/esm/components/index.js +13 -13
- package/dist/esm/index.js +13 -13
- package/package.json +1 -1
- package/dist/chunks/datePicker.provider-DvHAC4KM.js +0 -15
- package/dist/chunks/menu.component-DFkV2_Lb.js +0 -2
- package/dist/chunks/menu.component-DFkV2_Lb.js.map +0 -1
- package/dist/chunks/menu.component-TeC2F3rT.js.map +0 -1
- package/dist/chunks/popover.recipe-B9bkpDfc.js.map +0 -1
- package/dist/chunks/popover.recipe-Czy8Aeft.js +0 -2
- package/dist/chunks/popover.recipe-Czy8Aeft.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),o=require("./popover-C7aj8Iwj.js"),r=require("./tooltip.component-DBw-hAPU.js"),A=require("./text.component-BDDz5KQP.js"),k=require("./heading.component-DnoZOXdz.js"),y=require("./button.component-DjdgBXDC.js"),b=require("./popover.recipe-
|
|
2
|
-
//# sourceMappingURL=popover.component-
|
|
1
|
+
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),o=require("./popover-C7aj8Iwj.js"),r=require("./tooltip.component-DBw-hAPU.js"),A=require("./text.component-BDDz5KQP.js"),k=require("./heading.component-DnoZOXdz.js"),y=require("./button.component-DjdgBXDC.js"),b=require("./popover.recipe-NDvOfG9X.js"),E=require("./create-slot-recipe-context-HXE1VazG.js"),T=require("./popover-root-provider-CZDbUJ2K.js"),h=require("./flex-BOU6tYUd.js"),N=require("./factory-a2SJjEvR.js"),O=require("./index-BQRnVsAg.js"),B=require("./usePortalContentRef-CTrvBQ7I.js"),D=require("../cjs/hooks/useDeviceType/index.cjs"),$=require("./index-Ts8g8jZd.js"),F=Object.freeze(Object.defineProperty({__proto__:null,Arrow:r.HoverCardArrow,ArrowTip:r.HoverCardArrowTip,Content:r.HoverCardContent,Context:r.HoverCardContext,Positioner:r.HoverCardPositioner,PropsProvider:r.HoverCardPropsProvider,Root:r.HoverCardRoot,RootProvider:r.HoverCardRootProvider,Trigger:r.HoverCardTrigger},Symbol.toStringTag,{value:"Module"})),z=Object.freeze(Object.defineProperty({__proto__:null,Anchor:o.PopoverAnchor,Arrow:o.PopoverArrow,ArrowTip:o.PopoverArrowTip,Body:o.PopoverBody,CloseTrigger:o.PopoverCloseTrigger,Content:o.PopoverContent,Context:o.PopoverContext,Description:o.PopoverDescription,Footer:o.PopoverFooter,Header:o.PopoverHeader,Positioner:o.PopoverPositioner,PropsProvider:o.PopoverPropsProvider,Root:o.PopoverRoot,RootProvider:o.PopoverRootProvider,Title:o.PopoverTitle,Trigger:o.PopoverTrigger,usePopoverStyles:o.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),w=N.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});w.displayName="Spacer";const W=({children:t,color:n,hideCloseButton:v=!1,onContrast:l=!0,onClose:s,size:d="sm",trigger:c,["data-testid"]:i="kibble-popover-header",...u})=>{const P=E.useSlotRecipe({recipe:b.popoverRecipe})(),{setOpen:m}=c==="hover"?r.useHoverCardContext():T.usePopoverContext();return e.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__HeaderWrapper","data-testid":`${i}-wrapper`,css:P.header,...u,children:[typeof t=="string"?e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":`${i}-header`,size:d,color:n||"inherit",w:"100%",children:t}):t,!v&&c==="click"&&e.jsxRuntimeExports.jsx(y.Button,{className:"Popover__CloseButton","data-testid":`${i}-close-button`,variant:"ghostNeutral",onContrast:l,onClick:s||(()=>m(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},M=({children:t,disabled:n,hideButtons:v=!1,hideCancelButton:l=!1,destructive:s,loading:d,onCancel:c,onContrast:i=!0,onSubmit:u,submitText:j="Submit",trigger:P,["data-testid"]:m="kibble-popover-footer",...p})=>{const a=E.useSlotRecipe({recipe:b.popoverRecipe})(),{setOpen:_}=P==="hover"?r.useHoverCardContext():T.usePopoverContext(),R=()=>{c&&c(),_(!1)};return e.jsxRuntimeExports.jsxs(h.Flex,{className:"Popover__Footer","data-testid":m,css:a.footer,...p,children:[t,!v&&e.jsxRuntimeExports.jsxs(h.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(y.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:R,children:"Cancel"}),e.jsxRuntimeExports.jsx(w,{}),e.jsxRuntimeExports.jsx(y.Button,{onClick:u,loading:d,disabled:n,size:"sm",onContrast:i,variant:s?"primaryDestructive":"primary",children:j})]})]})},V=({anchor:t,children:n,contentProps:v,footerProps:l,headerProps:s,disabled:d=!1,portalled:c=!0,placement:i="bottom",positioning:u,showArrow:j=!0,size:P="sm",trigger:m="click",variant:p="contrast",positionerProps:H,["data-testid"]:a="kibble-popover",..._})=>{const R=S.useRef(null),q={contentRef:R},C=D.useDeviceType()==="mobile"?"click":m,x=C==="hover"?F:z,g=E.useSlotRecipe({recipe:b.popoverRecipe})({variant:p,size:P});if(d)return t;const f=p==="contrast"||p==="contrastDestructive";return e.jsxRuntimeExports.jsxs(x.Root,{closeOnEscape:!0,closeOnInteractOutside:!0,positioning:{...u,placement:u?.placement||i},..._,children:[e.jsxRuntimeExports.jsx(x.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":`${a}-trigger`,cursor:C==="click"?"pointer":"default",children:t}),e.jsxRuntimeExports.jsx($.Portal,{disabled:!c,children:e.jsxRuntimeExports.jsx(x.Positioner,{className:"Popover","data-testid":a,...H,children:e.jsxRuntimeExports.jsx(B.PortalContext.Provider,{value:q,children:e.jsxRuntimeExports.jsxs(x.Content,{className:"Popover__Content","data-testid":`${a}-content`,ref:R,...v,css:g.content,children:[j&&e.jsxRuntimeExports.jsx(x.Arrow,{className:"Popover__Arrow","data-testid":`${a}-arrow`,css:g.arrow,children:e.jsxRuntimeExports.jsx(x.ArrowTip,{css:g.arrowTip})}),s&&e.jsxRuntimeExports.jsx(W,{trigger:C,onContrast:f,...s}),e.jsxRuntimeExports.jsx(O.Box,{className:"Popover__Body","data-testid":`${a}-body`,css:g.body,...!!s&&{pt:0},children:typeof n=="string"?e.jsxRuntimeExports.jsx(A.WrappedText,{variant:f?"onContrast":"default",size:"sm",children:n}):n}),l&&e.jsxRuntimeExports.jsx(M,{trigger:C,destructive:p==="contrastDestructive"||p==="defaultDestructive",onContrast:f,...l})]})})})})]})};exports.Popover=V;
|
|
2
|
+
//# sourceMappingURL=popover.component-C0nG3J1J.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.component-9PBdCDiB.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]}
|
|
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]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as o } from "./anatomy-zd4ecEFD.js";
|
|
2
2
|
import { d as r } from "./config-Djkl1N81.js";
|
|
3
|
-
const
|
|
3
|
+
const e = o.keys(), t = {
|
|
4
4
|
xs: {
|
|
5
5
|
content: {
|
|
6
6
|
"--popover-size": "180px"
|
|
@@ -59,8 +59,8 @@ const t = o.keys(), e = {
|
|
|
59
59
|
borderColor: "border.contrast"
|
|
60
60
|
},
|
|
61
61
|
content: {
|
|
62
|
-
"--popover-bg": "colors.background.contrast",
|
|
63
|
-
"--hovercard-bg": "colors.background.contrast",
|
|
62
|
+
"--popover-bg": "colors.background.overlay.contrast",
|
|
63
|
+
"--hovercard-bg": "colors.background.overlay.contrast",
|
|
64
64
|
borderColor: "border.contrast",
|
|
65
65
|
color: "text.contrast"
|
|
66
66
|
}
|
|
@@ -70,14 +70,14 @@ const t = o.keys(), e = {
|
|
|
70
70
|
borderColor: "border.contrast"
|
|
71
71
|
},
|
|
72
72
|
content: {
|
|
73
|
-
"--popover-bg": "colors.background.contrast",
|
|
74
|
-
"--hovercard-bg": "colors.background.contrast",
|
|
73
|
+
"--popover-bg": "colors.background.overlay.contrast",
|
|
74
|
+
"--hovercard-bg": "colors.background.overlay.contrast",
|
|
75
75
|
borderColor: "border.contrast",
|
|
76
76
|
color: "text.contrast"
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
}, d = r({
|
|
80
|
-
slots:
|
|
80
|
+
slots: e,
|
|
81
81
|
base: {
|
|
82
82
|
arrowTip: {
|
|
83
83
|
borderTopWidth: "1px",
|
|
@@ -112,7 +112,7 @@ const t = o.keys(), e = {
|
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
114
|
variants: {
|
|
115
|
-
size:
|
|
115
|
+
size: t,
|
|
116
116
|
variant: a
|
|
117
117
|
},
|
|
118
118
|
defaultVariants: {
|
|
@@ -123,4 +123,4 @@ const t = o.keys(), e = {
|
|
|
123
123
|
export {
|
|
124
124
|
d as p
|
|
125
125
|
};
|
|
126
|
-
//# sourceMappingURL=popover.recipe-
|
|
126
|
+
//# sourceMappingURL=popover.recipe-BAl0q_IZ.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=popover.recipe-NDvOfG9X.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -7,7 +7,7 @@ import { R as V } from "./radiomark-DdwVpBDT.js";
|
|
|
7
7
|
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";
|
|
8
8
|
import { m as Q, c as U } from "./index-DS4KlAkI.js";
|
|
9
9
|
import { a6 as c } from "./index-fHSGm2nC.js";
|
|
10
|
-
import { B as X } from "./buttonGroup.component
|
|
10
|
+
import { B as X } from "./buttonGroup.component--dqWO06l.js";
|
|
11
11
|
import { s as Y, a as Z } from "./button.recipe-Bb0lptGi.js";
|
|
12
12
|
import { S as z } from "./stack-rvdA8MI9.js";
|
|
13
13
|
const [y, R] = I({
|
|
@@ -225,4 +225,4 @@ export {
|
|
|
225
225
|
bo as a,
|
|
226
226
|
No as r
|
|
227
227
|
};
|
|
228
|
-
//# sourceMappingURL=radioGroup.types-
|
|
228
|
+
//# sourceMappingURL=radioGroup.types-C-JQsOXh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioGroup.types-CUg3XVch.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]}
|
|
1
|
+
{"version":3,"file":"radioGroup.types-C-JQsOXh.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":";;;;;;;;;;;;AAGA,MAAM,CAACA,GAAoBC,CAAoB,IAAIC,EAAc;AAAA,EAC/D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCJK,CAACC,IAAwBC,EAAwB,IAAIF,EAAc;AAAA,EACvE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCJK,CAACG,IAA6BC,CAA6B,IAAIJ,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCGKK,IAAiBC,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAM,CAACC,GAAWC,CAAU,IAAIC,EAAgB,EAAGJ,GAAO,CAAC,SAAS,YAAY,SAAS,CAAC,GACpFK,IAAab,EAAsB,GACnCc,IAAcC,EAAWF,EAAW,aAAaH,CAAS,GAAGC,CAAU,GACvEK,IAAYH,EAAW,aAAaH,CAAS;AACnD,SAAuBO,gBAAAA,EAAG,IAACf,IAAwB,EAAE,OAAOc,GAAW,UAA0BC,gBAAAA,EAAAA,IAAIb,IAA6B,EAAE,OAAOM,GAAW,UAA0BO,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGJ,GAAa,KAAAL,EAAG,CAAE,EAAG,CAAA,GAAG;AAC9N,CAAC;AACDH,EAAe,cAAc;ACd7B,MAAMa,KAAwB,CAACX,MAAUA,EAAM,SAASL,GAAwB,CAAE,GCK5EiB,IAAwBb,EAAW,CAACC,GAAOC,MAAQ;AACvD,QAAMI,IAAab,EAAsB,GACnCU,IAAYL,EAA+B,GAC3CS,IAAcC,EAAWF,EAAW,oBAAoBH,CAAS,GAAGF,CAAK;AAC/E,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGJ,GAAa,KAAAL,GAAK;AAC7D,CAAC;AACDW,EAAsB,cAAc;ACNpC,MAAMC,IAA4Bd,EAAW,CAACC,GAAOC,MAAQ;AAC3D,QAAMI,IAAab,EAAsB,GACnCU,IAAYL,EAA+B,GAC3CS,IAAcC,EAAWF,EAAW,wBAAwBH,CAAS,GAAGF,CAAK;AACnF,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGJ,GAAa,KAAAL,GAAK;AAC/D,CAAC;AACDY,EAA0B,cAAc;ACNxC,MAAMC,IAAqBf,EAAW,CAACC,GAAOC,MAAQ;AACpD,QAAMI,IAAab,EAAsB,GACnCU,IAAYL,EAA+B,GAC3CS,IAAcC,EAAWF,EAAW,iBAAiBH,CAAS,GAAGF,CAAK;AAC5E,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,MAAM,EAAE,GAAGJ,GAAa,KAAAL,GAAK;AAC9D,CAAC;AACDa,EAAmB,cAAc;ACPjC,MAAMC,IAAkBhB,EAAW,CAACC,GAAOC,MAAQ;AACjD,QAAMI,IAAab,EAAsB,GACnCc,IAAcC,EAAWF,EAAW,cAAa,GAAIL,CAAK;AAChE,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGJ,GAAa,KAAAL,GAAK;AAC/D,CAAC;AACDc,EAAgB,cAAc;ACL9B,MAAMC,KAAgB,CAAChB,MAAU;AAC/B,QAAMiB,IAAKC,EAAO,GACZ,EAAE,aAAAC,EAAa,IAAGC,EAAuB,GACzC,EAAE,KAAAC,EAAK,IAAGC,EAAkB,GAC5BC,IAAe;AAAA,IACnB,IAAAN;AAAA,IACA,KAAAI;AAAA,IACA,aAAAF;AAAA,IACA,GAAGnB;AAAA,EACJ,GACKwB,IAAUC,EAAWC,GAAeH,CAAY;AACtD,SAAOI,EAAcH,GAASI,CAAc;AAC9C,GCVMC,IAAiB9B,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAM,CAAC6B,GAAoB3B,CAAU,IAAIC,EAAgB,EAAGJ,GAAO;AAAA,IACjE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAG,GACKK,IAAaW,GAAcc,CAAkB,GAC7CxB,IAAcC,EAAWF,EAAW,aAAY,GAAIF,CAAU;AACpE,SAAuBM,gBAAAA,EAAG,IAAClB,GAAoB,EAAE,OAAOc,GAAY,UAA0BI,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGJ,GAAa,KAAAL,EAAG,CAAE,EAAC,CAAE;AACvI,CAAC;AACD4B,EAAe,cAAc;AClB7B,MAAME,IAAyBhC,EAAW,CAACC,GAAOC,MAAQ;AACxD,QAAM,CAAC,EAAE,OAAOI,KAAcF,CAAU,IAAIC,IAAmBJ,GAAO,CAAC,OAAO,CAAC,GACzEM,IAAcC,EAAWF,EAAW,aAAY,GAAIF,CAAU;AACpE,SAAuBM,gBAAAA,EAAG,IAAClB,GAAoB,EAAE,OAAOc,GAAY,UAA0BI,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGJ,GAAa,KAAAL,EAAG,CAAE,EAAC,CAAE;AACvI,CAAC;AACD8B,EAAuB,cAAc;ACLrC,MAAM;AAAA,EACJ,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAWC;AAEb,IAAIC,EAAwB,EAAE,KAAK,aAAY,CAAE;AAClBH,EAAaI,GAAyB,QAAQ,EAAE,gBAAgB,GAAM,CAAA;AACrG,MAAMP,KAAiBG;AAAA,EACrBK;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB;AAEwBJ,EAAYK,GAAkB,SAAS,EAAE,gBAAgB,GAAM,CAAA;AACvF,MAAMxC,KAAiBmC;AAAA,EACrBM;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMzB,KAAqBmB,EAAYO,GAAqB,YAAY,EAAE,gBAAgB,IAAM;AAClEP,EAAYQ,GAAwB,eAAe,EAAE,gBAAgB,GAAM,CAAA;AACzG,MAAMC,KAA0B3C,EAAW,SAAkCC,GAAOC,GAAK;AACvF,QAAM0C,IAAST,GAAqB;AACpC,SAAuBzB,gBAAAA,MAAImC,IAAwB,EAAE,UAAU,CAACpC,MAA8BC,gBAAAA,MAAIgC,GAAwB,EAAE,SAAS,IAAM,UAA0BhC,gBAAAA,EAAG;AAAA,IACtKoC;AAAA,IACA;AAAA,MACE,KAAA5C;AAAA,MACA,UAAU;AAAA,MACV,GAAGD;AAAA,MACH,SAASQ,EAAU;AAAA,MACnB,UAAUA,EAAU;AAAA,MACpB,KAAK,CAACmC,EAAO,aAAgB3C,EAAM,GAAG;AAAA,IAC5C;AAAA,EACG,EAAA,CAAE,EAAC,CAAE;AACR,CAAC,GAGKa,KAA4BiC,GCZ5BC,IAAQC,EAAM;AAAA,EAClB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,GAAGC;AAAA,KAELzD,MAGE0D,gBAAAA,EAAA;AAAA,IAACpB;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAakB;AAAA,MACb,SAAAN;AAAA,MACA,UAAAD;AAAA,MACA,KAAKK;AAAA,MACJ,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAAjD,gBAAAA,EAAA;AAAA,UAACqC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGW,CAAU;AAAA,YAC1B,KAAKJ,KAAYpD;AAAA,UAAA;AAAA,QACnB;AAAA,QACAQ,gBAAAA,MAACmD,IAAA,EAAyB,WAAU,oBAAmB,eAAa,GAAGH,CAAU,cAAc;AAAA,QAC9FR,KACCxC,gBAAAA,EAAA;AAAA,UAAC+B;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGiB,CAAU;AAAA,YACzB,GAAIH,MAAc,WAAW,OAAOL,KAAa,YAAY,EAAE,IAAI,OAAO;AAAA,YAE1E,UAAO,OAAAA,KAAa,WACnBxC,gBAAAA,EAAAA,IAACoD,GAAK,EAAA,MAAAL,GAAY,YAAW,SAAQ,SAASJ,IAAa,eAAe,WACvE,UAAAH,GACH,IAEAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ;AAGN;AAEAF,EAAM,cAAc;AACpB,MAAMe,KAAeC,EAAoChB,CAAK,GC5CxDiB,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAjB;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAI,IAAO;AAAA,EACP,WAAAF,IAAY;AAAA,EACZ,eAAAc;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,gBAAAC,IAAiB;AAAA,EACjB,CAAC,gBAAgBd,IAAa;AAAA,EAC9B,GAAGC;AACL,MAA0C;AAClC,QAAAc,IAAmBpB,IAAa,eAAe;AAGnD,SAAA3C,gBAAAA,EAAA;AAAA,IAACgE;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAahB;AAAA,MACb,UAAAP;AAAA,MACA,cAAAgB;AAAA,MACA,OAAAG;AAAA,MACA,MAAAb;AAAA,MACA,SAASgB;AAAA,MACT,UAAUlB,MAAc;AAAA,MACxB,gBAAAiB;AAAA,MACA,eAAAH;AAAA,MACC,GAAGV;AAAA,MAEH,gBAAc,YACbjD,gBAAAA,EAAA;AAAA,QAACiE;AAAA,QAAA;AAAA,UACC,YAAAtB;AAAA,UACA,SAAQ;AAAA,UACR,MAAAI;AAAA,UACA,SAASS,EAAO,IAAI,CAACU,GAAOC,MAAU;AACpC,kBAAMC,IAASX,MAAiBS,EAAM,SAASN,MAAUM,EAAM;AACxD,mBAAA;AAAA,cACL,KAAK,gBAAgBC,CAAK;AAAA,cAC1B,UAAUD,EAAM;AAAA,cAChB,QAAAE;AAAA,cACA,UAAA3B;AAAA,cACA,eAAeyB,EAAM,aAAa;AAAA,cAClC,SAAS,MAAMP,IAAgB,EAAE,OAAOO,EAAM,OAAO;AAAA,cACrD,GAAIzB,KACF2B,KAAU,EAAE,GAAIzB,IAAa0B,IAAwCC,EAA6B;AAAA,YACtG;AAAA,UACD,CAAA;AAAA,QAAA;AAAA,MACH,0BAECC,GAAM,EAAA,KAAAV,GAAU,WAAAH,GACd,UAAOF,EAAA,IAAI,CAACU,GAAOC,MAClBnE,gBAAAA,EAAA;AAAA,QAACsC;AAAAA,QAAA;AAAA,UAEC,SAAAI;AAAA,UACA,UAAAD;AAAA,UACA,MAAAM;AAAA,UACA,WAAAF;AAAA,UACA,YAAAF;AAAA,UACC,GAAIe,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,UAC9C,GAAGQ;AAAA,QAAA;AAAA,QAPC,SAASC,CAAK;AAAA,MAAA,CAStB,EACH,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEAZ,EAAW,cAAc;AACnB,MAAAiB,KAAoBlB,EAAgBC,CAAU,GCjHvCkB,KAAa,CAAC,WAAW,WAAW,OAAO,GAG3CC,KAAkB,CAAC,SAAS,UAAU,KAAK;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("./withFormControl-CIZOpk9n.js"),d=require("react"),T=require("./text.component-BDDz5KQP.js"),B=require("./create-slot-recipe-context-HXE1VazG.js"),F=require("./radiomark-Cj0NEJeE.js"),i=require("./use-locale-context-ym21RUxU.js"),v=require("./index-D6HBfqAu.js"),m=require("./index-CQURjLlA.js"),M=require("./buttonGroup.component-
|
|
2
|
-
//# sourceMappingURL=radioGroup.types-
|
|
1
|
+
"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("./withFormControl-CIZOpk9n.js"),d=require("react"),T=require("./text.component-BDDz5KQP.js"),B=require("./create-slot-recipe-context-HXE1VazG.js"),F=require("./radiomark-Cj0NEJeE.js"),i=require("./use-locale-context-ym21RUxU.js"),v=require("./index-D6HBfqAu.js"),m=require("./index-CQURjLlA.js"),M=require("./buttonGroup.component-D1h4aH2G.js"),h=require("./button.recipe-flk0XJTS.js"),O=require("./stack-BE-r1yqU.js"),D=o=>o&&o.__esModule?o:{default:o},V=D(d),[E,x]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,f]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),y=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["value","disabled","invalid"]),a=x(),n=m.mergeProps(a.getItemProps(t),e),u=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:u,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:r})})})});y.displayName="RadioGroupItem";const U=o=>o.children(K()),C=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemControlProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})});C.displayName="RadioGroupItemControl";const w=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemHiddenInputProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:r})});w.displayName="RadioGroupItemHiddenInput";const b=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemTextProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:r})});b.displayName="RadioGroupItemText";const k=d.forwardRef((o,r)=>{const t=x(),e=m.mergeProps(t.getLabelProps(),o);return s.jsxRuntimeExports.jsx(i.ark.label,{...e,ref:r})});k.displayName="RadioGroupLabel";const X=o=>{const r=d.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:e}=i.useLocaleContext(),a={id:r,dir:e,getRootNode:t,...o},n=i.useMachine(v.machine,a);return v.connect(n,i.normalizeProps)},N=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=m.mergeProps(a.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:r})})});N.displayName="RadioGroupRoot";const _=d.forwardRef((o,r)=>{const[{value:t},e]=i.createSplitProps()(o,["value"]),a=m.mergeProps(t.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})})});_.displayName="RadioGroupRootProvider";const{withProvider:S,withContext:G,useStyles:Y}=B.createSlotRecipeContext({key:"radioGroup"});S(_,"root",{forwardAsChild:!0});const Z=S(N,"root",{forwardAsChild:!0});G(k,"label",{forwardAsChild:!0});const z=G(y,"item",{forwardAsChild:!0}),oo=G(b,"itemText",{forwardAsChild:!0});G(C,"itemControl",{forwardAsChild:!0});const to=d.forwardRef(function(r,t){const e=Y();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(C,{asChild:!0,children:s.jsxRuntimeExports.jsx(F.Radiomark,{ref:t,unstyled:!0,...r,checked:a.checked,disabled:a.disabled,css:[e.itemControl,r.css]})})})}),eo=w,q=V.default.forwardRef(({children:o,disabled:r=!1,invalid:t=!1,onContrast:e=!1,radioRef:a,radioType:n,rootRef:u,size:l="md",["data-testid"]:p="kibble-radio",...R},P)=>s.jsxRuntimeExports.jsxs(z,{className:"Radio","data-testid":p,invalid:t,disabled:r,ref:u,...R,children:[s.jsxRuntimeExports.jsx(eo,{className:"Radio__Input","data-testid":`${p}-input`,ref:a||P}),s.jsxRuntimeExports.jsx(to,{className:"Radio__Indicator","data-testid":`${p}-indicator`}),o&&s.jsxRuntimeExports.jsx(oo,{className:"Radio__Text","data-testid":`${p}-label`,...n==="cards"&&typeof o!="string"&&{mt:"-4px"},children:typeof o=="string"?s.jsxRuntimeExports.jsx(T.WrappedText,{size:l,lineHeight:"unset",variant:e?"onContrast":"default",children:o}):o})]}));q.displayName="Radio";const ro=g.withFormControl(q),$=({radios:o,defaultValue:r,direction:t="column",disabled:e,invalid:a,onContrast:n,size:u="md",radioType:l="default",onValueChange:p,value:R,gap:P=2,radioAlignment:A="start",["data-testid"]:H="kibble-radio-group",...L})=>{const W=n?"onContrast":"default";return s.jsxRuntimeExports.jsx(Z,{className:"RadioGroup","data-testid":H,disabled:e,defaultValue:r,value:R,size:u,variant:W,withCard:l==="cards",radioAlignment:A,onValueChange:p,...L,children:l==="buttons"?s.jsxRuntimeExports.jsx(M.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:o.map((c,j)=>{const I=r===c.value||R===c.value;return{key:`button-radio-${j}`,children:c.children,active:I,disabled:e,"data-testid":c["data-testid"],onClick:()=>p?.({value:c.value}),...e&&I&&{...n?h.secondarySubtleOnContrastButtonStyles:h.secondarySubtleButtonStyles}}})}):s.jsxRuntimeExports.jsx(O.Stack,{gap:P,direction:t,children:o.map((c,j)=>s.jsxRuntimeExports.jsx(ro,{invalid:a,disabled:e,size:u,radioType:l,onContrast:n,...t==="row"&&{fullWidth:!1},...c},`radio-${j}`))})})};$.displayName="RadioGroup";const so=g.withFormControl($),ao=["default","buttons","cards"],io=["start","center","end"];exports.WrappedRadioGroup=so;exports.radioAlignments=io;exports.radioTypes=ao;
|
|
2
|
+
//# sourceMappingURL=radioGroup.types-sigpU7JZ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioGroup.types-BsKe5gz6.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":"khBAGM,CAACA,EAAoBC,CAAoB,EAAIC,gBAAc,CAC/D,KAAM,oBACN,SAAU,uBACV,aAAc,wBAChB,CAAC,ECJK,CAACC,EAAwBC,CAAwB,EAAIF,gBAAc,CACvE,KAAM,wBACN,SAAU,2BACV,aAAc,4BAChB,CAAC,ECJK,CAACG,EAA6BC,CAA6B,EAAIJ,gBAAc,CACjF,KAAM,6BACN,SAAU,gCACV,aAAc,iCAChB,CAAC,ECGKK,EAAiBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAgB,iBAAA,EAAGJ,EAAO,CAAC,QAAS,WAAY,SAAS,CAAC,EACpFK,EAAab,EAAsB,EACnCc,EAAcC,EAAAA,WAAWF,EAAW,aAAaH,CAAS,EAAGC,CAAU,EACvEK,EAAYH,EAAW,aAAaH,CAAS,EACnD,OAAuBO,EAAG,kBAAA,IAACf,EAAwB,CAAE,MAAOc,EAAW,SAA0BC,EAAAA,kBAAAA,IAAIb,EAA6B,CAAE,MAAOM,EAAW,SAA0BO,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,MAAO,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAG,CAAA,EAAG,CAC9N,CAAC,EACDH,EAAe,YAAc,iBCd7B,MAAMa,EAAyBX,GAAUA,EAAM,SAASL,EAAwB,CAAE,ECK5EiB,EAAwBb,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACvD,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,oBAAoBH,CAAS,EAAGF,CAAK,EAC/E,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC7D,CAAC,EACDW,EAAsB,YAAc,wBCNpC,MAAMC,EAA4Bd,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC3D,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,wBAAwBH,CAAS,EAAGF,CAAK,EACnF,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC/D,CAAC,EACDY,EAA0B,YAAc,4BCNxC,MAAMC,EAAqBf,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACpD,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,iBAAiBH,CAAS,EAAGF,CAAK,EAC5E,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,KAAM,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC9D,CAAC,EACDa,EAAmB,YAAc,qBCPjC,MAAMC,EAAkBhB,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACjD,MAAMI,EAAab,EAAsB,EACnCc,EAAcC,EAAU,WAACF,EAAW,cAAa,EAAIL,CAAK,EAChE,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC/D,CAAC,EACDc,EAAgB,YAAc,kBCL9B,MAAMC,EAAiBhB,GAAU,CAC/B,MAAMiB,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5BC,EAAe,CACnB,GAAAN,EACA,IAAAI,EACA,YAAAF,EACA,GAAGnB,CACJ,EACKwB,EAAUC,EAAAA,WAAWC,EAAa,QAAEH,CAAY,EACtD,OAAOI,EAAa,QAACH,EAASI,gBAAc,CAC9C,ECVMC,EAAiB9B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,KAAM,CAAC6B,EAAoB3B,CAAU,EAAIC,EAAgB,iBAAA,EAAGJ,EAAO,CACjE,eACA,WACA,OACA,KACA,MACA,OACA,gBACA,cACA,WACA,OACJ,CAAG,EACKK,EAAaW,EAAcc,CAAkB,EAC7CxB,EAAcC,EAAU,WAACF,EAAW,aAAY,EAAIF,CAAU,EACpE,OAAuBM,EAAG,kBAAA,IAAClB,EAAoB,CAAE,MAAOc,EAAY,SAA0BI,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAC,CAAE,CACvI,CAAC,EACD4B,EAAe,YAAc,iBClB7B,MAAME,EAAyBhC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACxD,KAAM,CAAC,CAAE,MAAOI,GAAcF,CAAU,EAAIC,EAAAA,mBAAmBJ,EAAO,CAAC,OAAO,CAAC,EACzEM,EAAcC,EAAU,WAACF,EAAW,aAAY,EAAIF,CAAU,EACpE,OAAuBM,EAAG,kBAAA,IAAClB,EAAoB,CAAE,MAAOc,EAAY,SAA0BI,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAC,CAAE,CACvI,CAAC,EACD8B,EAAuB,YAAc,yBCLrC,KAAM,CACJ,aAAAC,EACA,YAAAC,EACA,UAAWC,CAEb,EAAIC,EAAAA,wBAAwB,CAAE,IAAK,YAAY,CAAE,EAClBH,EAAaI,EAAyB,OAAQ,CAAE,eAAgB,EAAM,CAAA,EACrG,MAAMP,EAAiBG,EACrBK,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EAEwBJ,EAAYK,EAAkB,QAAS,CAAE,eAAgB,EAAM,CAAA,EACvF,MAAMxC,EAAiBmC,EACrBM,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EACMzB,GAAqBmB,EAAYO,EAAqB,WAAY,CAAE,eAAgB,GAAM,EAClEP,EAAYQ,EAAwB,cAAe,CAAE,eAAgB,EAAM,CAAA,EACzG,MAAMC,GAA0B3C,EAAAA,WAAW,SAAkCC,EAAOC,EAAK,CACvF,MAAM0C,EAAST,EAAqB,EACpC,OAAuBzB,wBAAImC,EAAwB,CAAE,SAAWpC,GAA8BC,wBAAIgC,EAAwB,CAAE,QAAS,GAAM,SAA0BhC,EAAG,kBAAA,IACtKoC,EAAS,UACT,CACE,IAAA5C,EACA,SAAU,GACV,GAAGD,EACH,QAASQ,EAAU,QACnB,SAAUA,EAAU,SACpB,IAAK,CAACmC,EAAO,YAAgB3C,EAAM,GAAG,CAC5C,CACG,CAAA,CAAE,CAAC,CAAE,CACR,CAAC,EAGKa,GAA4BiC,ECZ5BC,EAAQC,EAAM,QAAA,WAClB,CACE,CACE,SAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,KACP,CAAC,eAAgBC,EAAa,eAC9B,GAAGC,GAELzD,IAGE0D,EAAA,kBAAA,KAACpB,EAAA,CACC,UAAU,QACV,cAAakB,EACb,QAAAN,EACA,SAAAD,EACA,IAAKK,EACJ,GAAGG,EAEJ,SAAA,CAAAjD,EAAA,kBAAA,IAACqC,GAAA,CACC,UAAU,eACV,cAAa,GAAGW,CAAU,SAC1B,IAAKJ,GAAYpD,CAAA,CACnB,EACAQ,wBAACmD,GAAA,CAAyB,UAAU,mBAAmB,cAAa,GAAGH,CAAU,aAAc,EAC9FR,GACCxC,EAAA,kBAAA,IAAC+B,GAAA,CACC,UAAU,cACV,cAAa,GAAGiB,CAAU,SACzB,GAAIH,IAAc,SAAW,OAAOL,GAAa,UAAY,CAAE,GAAI,MAAO,EAE1E,SAAO,OAAAA,GAAa,SACnBxC,EAAAA,kBAAAA,IAACoD,EAAAA,YAAK,CAAA,KAAAL,EAAY,WAAW,QAAQ,QAASJ,EAAa,aAAe,UACvE,SAAAH,EACH,EAEAA,CAAA,CAAA,CAEJ,CAAA,CAEJ,CAGN,EAEAF,EAAM,YAAc,QACpB,MAAMe,GAAeC,kBAAoChB,CAAK,EC5CxDiB,EAAa,CAAC,CAClB,OAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAAjB,EACA,QAAAC,EACA,WAAAC,EACA,KAAAI,EAAO,KACP,UAAAF,EAAY,UACZ,cAAAc,EACA,MAAAC,EACA,IAAAC,EAAM,EACN,eAAAC,EAAiB,QACjB,CAAC,eAAgBd,EAAa,qBAC9B,GAAGC,CACL,IAA0C,CAClC,MAAAc,EAAmBpB,EAAa,aAAe,UAGnD,OAAA3C,EAAA,kBAAA,IAACgE,EAAA,CACC,UAAU,aACV,cAAahB,EACb,SAAAP,EACA,aAAAgB,EACA,MAAAG,EACA,KAAAb,EACA,QAASgB,EACT,SAAUlB,IAAc,QACxB,eAAAiB,EACA,cAAAH,EACC,GAAGV,EAEH,aAAc,UACbjD,EAAA,kBAAA,IAACiE,EAAA,YAAA,CACC,WAAAtB,EACA,QAAQ,kBACR,KAAAI,EACA,QAASS,EAAO,IAAI,CAACU,EAAOC,IAAU,CACpC,MAAMC,EAASX,IAAiBS,EAAM,OAASN,IAAUM,EAAM,MACxD,MAAA,CACL,IAAK,gBAAgBC,CAAK,GAC1B,SAAUD,EAAM,SAChB,OAAAE,EACA,SAAA3B,EACA,cAAeyB,EAAM,aAAa,EAClC,QAAS,IAAMP,IAAgB,CAAE,MAAOO,EAAM,MAAO,EACrD,GAAIzB,GACF2B,GAAU,CAAE,GAAIzB,EAAa0B,wCAAwCC,EAA6B,2BAAA,CACtG,CACD,CAAA,CAAA,CACH,0BAECC,EAAAA,MAAM,CAAA,IAAAV,EAAU,UAAAH,EACd,SAAOF,EAAA,IAAI,CAACU,EAAOC,IAClBnE,EAAA,kBAAA,IAACsC,GAAA,CAEC,QAAAI,EACA,SAAAD,EACA,KAAAM,EACA,UAAAF,EACA,WAAAF,EACC,GAAIe,IAAc,OAAS,CAAE,UAAW,EAAM,EAC9C,GAAGQ,CAAA,EAPC,SAASC,CAAK,EAAA,CAStB,CACH,CAAA,CAAA,CAEJ,CAEJ,EAEAZ,EAAW,YAAc,aACnB,MAAAiB,GAAoBlB,kBAAgBC,CAAU,ECjHvCkB,GAAa,CAAC,UAAW,UAAW,OAAO,EAG3CC,GAAkB,CAAC,QAAS,SAAU,KAAK","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
|
|
1
|
+
{"version":3,"file":"radioGroup.types-sigpU7JZ.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]}
|
|
@@ -3,7 +3,7 @@ import v, { useCallback as g } from "react";
|
|
|
3
3
|
import { B as s } from "./index-9BerxEcw.js";
|
|
4
4
|
import { B as j } from "./button.component-BO6oee_V.js";
|
|
5
5
|
import { W as w } from "./heading.component-PFNpLFT7.js";
|
|
6
|
-
import { M as W } from "./menu.component-
|
|
6
|
+
import { M as W } from "./menu.component-BuTY_3mt.js";
|
|
7
7
|
import { S as $ } from "./spinner.component-D3s81AJH.js";
|
|
8
8
|
import { T as y } from "./tag.component-B7V76XfM.js";
|
|
9
9
|
import { W as B } from "./text.component-IjomJyJY.js";
|
|
@@ -167,4 +167,4 @@ export {
|
|
|
167
167
|
G as T,
|
|
168
168
|
d as a
|
|
169
169
|
};
|
|
170
|
-
//# sourceMappingURL=tagBlock.component-
|
|
170
|
+
//# sourceMappingURL=tagBlock.component-CUti4nJM.js.map
|