npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.29 → 4.0.0-beta.30 - Mend

@televet/kibble-ui 4.0.0-beta.29 → 4.0.0-beta.30

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.

Files changed (309) hide show

package/dist/chunks/{popover.component-DduYIFGc.js.map → popover.component-7qztHz-A.js.map} RENAMED Viewed

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

package/dist/chunks/{popover.component-8fMzxch0.js → popover.component-BHcW8kHH.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D9kXrowz.js"),g=require("react"),o=require("./chakra-CecTEyCR.js"),C=require("./text.component-DDKYg8fY.js"),k=require("./heading.component-C1AbHZyK.js"),E=require("./button.component-CNa885PO.js"),P=require("./popover.recipe-BOZ4cAfn.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
-//# sourceMappingURL=popover.component-8fMzxch0.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),g=require("react"),o=require("./chakra-C0NbsW66.js"),C=require("./text.component-BEmVrJQy.js"),k=require("./heading.component-gaqQG9s0.js"),E=require("./button.component-C0WP_LB_.js"),P=require("./popover.recipe-9UvOa6LD.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
+//# sourceMappingURL=popover.component-BHcW8kHH.js.map

package/dist/chunks/{popover.component-8fMzxch0.js.map → popover.component-BHcW8kHH.js.map} RENAMED Viewed

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

package/dist/chunks/{popover.recipe-BOZ4cAfn.js → popover.recipe-9UvOa6LD.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("./chakra-CecTEyCR.js"),r=["root","content","arrow","arrowTip","body","header","footer"],t={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},e={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}}},a=o.defineSlotRecipe({slots:r,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{p:3},content:{border:"1px"},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3}},variants:{size:t,variant:e},defaultVariants:{size:"sm",variant:"contrast"}});exports.popoverRecipe=a;
-//# sourceMappingURL=popover.recipe-BOZ4cAfn.js.map
+"use strict";const o=require("./chakra-C0NbsW66.js"),r=["root","content","arrow","arrowTip","body","header","footer"],t={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},e={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}}},a=o.defineSlotRecipe({slots:r,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{p:3},content:{border:"1px"},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3}},variants:{size:t,variant:e},defaultVariants:{size:"sm",variant:"contrast"}});exports.popoverRecipe=a;
+//# sourceMappingURL=popover.recipe-9UvOa6LD.js.map

package/dist/chunks/{popover.recipe-BOZ4cAfn.js.map → popover.recipe-9UvOa6LD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.recipe-~~BOZ4cAfn~~.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n \| \"root\"\n \| \"content\"\n \| \"arrow\"\n \| \"arrowTip\"\n \| \"body\"\n \| \"header\"\n \| \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n \"root\",\n \"content\",\n \"arrow\",\n \"arrowTip\",\n \"body\",\n \"header\",\n \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n xs: {\n content: {\n width: 160,\n },\n },\n sm: {\n content: {\n width: 200,\n },\n },\n md: {\n content: {\n width: 260,\n },\n },\n lg: {\n content: {\n width: 320,\n },\n },\n xl: {\n content: {\n width: 480,\n },\n },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n default: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n defaultDestructive: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n contrast: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n contrastDestructive: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n slots: popoverSlots,\n base: {\n arrowTip: {\n borderTopWidth: \"1px\",\n borderInlineStartWidth: \"1px\",\n top: \"-1px !important\",\n },\n body: {\n p: 3,\n },\n content: {\n border: \"1px\",\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 pb: 0,\n pt: 3,\n px: 3,\n },\n },\n variants: {\n size: popoverSizeStyles,\n variant: popoverVariantStyles,\n },\n defaultVariants: {\n size: \"sm\",\n variant: \"contrast\",\n },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"qDAcMA,EAA8B,CAClC,OACA,UACA,QACA,WACA,OACA,SACA,QACF,EAKMC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CACT,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOJ,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,EAAG,CACL,EACA,QAAS,CACP,OAAQ,KACV,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,GAAI,CAAA,CAER,EACA,SAAU,CACR,KAAMC,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,UAAA,CAEb,CAAC"}
1	+ {"version":3,"file":"popover.recipe-9UvOa6LD.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n \| \"root\"\n \| \"content\"\n \| \"arrow\"\n \| \"arrowTip\"\n \| \"body\"\n \| \"header\"\n \| \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n \"root\",\n \"content\",\n \"arrow\",\n \"arrowTip\",\n \"body\",\n \"header\",\n \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n xs: {\n content: {\n width: 160,\n },\n },\n sm: {\n content: {\n width: 200,\n },\n },\n md: {\n content: {\n width: 260,\n },\n },\n lg: {\n content: {\n width: 320,\n },\n },\n xl: {\n content: {\n width: 480,\n },\n },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n default: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n defaultDestructive: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n contrast: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n contrastDestructive: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n slots: popoverSlots,\n base: {\n arrowTip: {\n borderTopWidth: \"1px\",\n borderInlineStartWidth: \"1px\",\n top: \"-1px !important\",\n },\n body: {\n p: 3,\n },\n content: {\n border: \"1px\",\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 pb: 0,\n pt: 3,\n px: 3,\n },\n },\n variants: {\n size: popoverSizeStyles,\n variant: popoverVariantStyles,\n },\n defaultVariants: {\n size: \"sm\",\n variant: \"contrast\",\n },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"qDAcMA,EAA8B,CAClC,OACA,UACA,QACA,WACA,OACA,SACA,QACF,EAKMC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CACT,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOJ,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,MACxB,IAAK,iBACP,EACA,KAAM,CACJ,EAAG,CACL,EACA,QAAS,CACP,OAAQ,KACV,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,GAAI,CAAA,CAER,EACA,SAAU,CACR,KAAMC,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,UAAA,CAEb,CAAC"}

package/dist/chunks/{popover.recipe-lAn37vit.js → popover.recipe-BecbuU0C.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { av as o } from "./chakra-CWqbAp8a.js";
+import { av as o } from "./chakra-CM93-d7A.js";
 const r = [
   "root",
   "content",
@@ -120,4 +120,4 @@ const r = [
 export {
   d as p
 };
-//# sourceMappingURL=popover.recipe-lAn37vit.js.map
+//# sourceMappingURL=popover.recipe-BecbuU0C.js.map

package/dist/chunks/{popover.recipe-lAn37vit.js.map → popover.recipe-BecbuU0C.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.recipe-~~lAn37vit~~.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n \| \"root\"\n \| \"content\"\n \| \"arrow\"\n \| \"arrowTip\"\n \| \"body\"\n \| \"header\"\n \| \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n \"root\",\n \"content\",\n \"arrow\",\n \"arrowTip\",\n \"body\",\n \"header\",\n \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n xs: {\n content: {\n width: 160,\n },\n },\n sm: {\n content: {\n width: 200,\n },\n },\n md: {\n content: {\n width: 260,\n },\n },\n lg: {\n content: {\n width: 320,\n },\n },\n xl: {\n content: {\n width: 480,\n },\n },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n default: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n defaultDestructive: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n contrast: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n contrastDestructive: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n slots: popoverSlots,\n base: {\n arrowTip: {\n borderTopWidth: \"1px\",\n borderInlineStartWidth: \"1px\",\n top: \"-1px !important\",\n },\n body: {\n p: 3,\n },\n content: {\n border: \"1px\",\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 pb: 0,\n pt: 3,\n px: 3,\n },\n },\n variants: {\n size: popoverSizeStyles,\n variant: popoverVariantStyles,\n },\n defaultVariants: {\n size: \"sm\",\n variant: \"contrast\",\n },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKMC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;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,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;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,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}
1	+ {"version":3,"file":"popover.recipe-BecbuU0C.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n \| \"root\"\n \| \"content\"\n \| \"arrow\"\n \| \"arrowTip\"\n \| \"body\"\n \| \"header\"\n \| \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n \"root\",\n \"content\",\n \"arrow\",\n \"arrowTip\",\n \"body\",\n \"header\",\n \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n xs: {\n content: {\n width: 160,\n },\n },\n sm: {\n content: {\n width: 200,\n },\n },\n md: {\n content: {\n width: 260,\n },\n },\n lg: {\n content: {\n width: 320,\n },\n },\n xl: {\n content: {\n width: 480,\n },\n },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n default: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n defaultDestructive: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n contrast: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n contrastDestructive: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n slots: popoverSlots,\n base: {\n arrowTip: {\n borderTopWidth: \"1px\",\n borderInlineStartWidth: \"1px\",\n top: \"-1px !important\",\n },\n body: {\n p: 3,\n },\n content: {\n border: \"1px\",\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 pb: 0,\n pt: 3,\n px: 3,\n },\n },\n variants: {\n size: popoverSizeStyles,\n variant: popoverVariantStyles,\n },\n defaultVariants: {\n size: \"sm\",\n variant: \"contrast\",\n },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKMC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;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,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;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,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/chunks/{radioGroup.component-Dqe03y3F.js → radioGroup.component-BGyp2laV.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-D9kXrowz.js"),f=require("./withFormControl-DkMAv6vq.js"),_=require("react"),j=require("./card.component-z_UxveYm.js"),b=require("./radio.records-BxCn4oUd.js"),v=require("./text.component-DDKYg8fY.js"),n=require("./chakra-CecTEyCR.js"),I=require("./buttonGroup.component-DHz-WDWz.js"),g=f.withFormControl(({children:e,checked:a=!1,disabled:u=!1,invalid:s=!1,onContrast:x=!1,radioRef:p,size:r="md",withCard:i=!1,...c})=>{const d=i?m=>{const l=(b.RadioSizeMap[r]+b.RadioTextSpacing[r]+j.CardPaddingMap[r])*4;return t.jsxRuntimeExports.jsx(j.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!u&&{interactive:!0,invalid:s,active:!!a},onContrast:x,size:r,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${l}px`,children:m.children})}:_.Fragment;return t.jsxRuntimeExports.jsx(n.RadioGroupItem,{className:"Radio","data-testid":"kibble-radio",invalid:s,disabled:u,ref:p,...c,children:t.jsxRuntimeExports.jsxs(d,{children:[t.jsxRuntimeExports.jsx(n.RadioGroupItemHiddenInput,{className:"Radio__Input","data-testid":"kibble-radio-input"}),t.jsxRuntimeExports.jsx(n.RadioGroupItemIndicator,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&t.jsxRuntimeExports.jsx(n.RadioGroupItemText,{className:"Radio__Text","data-testid":"kibble-radio-label",...i&&typeof e!="string"&&{mt:"-3px"},children:typeof e=="string"?t.jsxRuntimeExports.jsx(v.WrappedText,{size:r,children:e}):e})]})})}),h=_.forwardRef((e,a)=>t.jsxRuntimeExports.jsx(g,{radioRef:a,...e}));h.displayName="Radio";const k=({radios:e,defaultValue:a,direction:u="column",disabled:s,invalid:x,onContrast:p,onChange:r,size:i="md",radioType:c="default",value:d,gap:m=2,...l})=>{const E=p?"onContrast":"default";return t.jsxRuntimeExports.jsxs(n.RadioGroupRoot,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:s,defaultValue:a,value:d,onValueChange:({value:o})=>r?.(o),size:i,variant:E,...l,children:[c==="default"&&t.jsxRuntimeExports.jsx(n.Stack,{gap:m,direction:u,children:e.map((o,R)=>t.jsxRuntimeExports.jsx(h,{invalid:x,disabled:s,checked:a===o.value||d===o.value,size:i,...o},`radio-${R}`))}),c==="buttons"&&t.jsxRuntimeExports.jsx(I.ButtonGroup,{onContrast:p,variant:"secondarySubtle",size:i,buttons:e.map((o,R)=>{const G=a===o.value||d===o.value;return{key:`button-radio-${R}`,children:o.children,active:G,disabled:s,onClick:()=>r?.(o.value)}})})]})};k.displayName="CheckboxGroup";const q=f.withFormControl(k);exports.WrappedRadioGroup=q;
-//# sourceMappingURL=radioGroup.component-Dqe03y3F.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),f=require("./withFormControl-uSeX61J8.js"),_=require("react"),j=require("./card.component-DD6Qc8tF.js"),b=require("./radio.records-BxCn4oUd.js"),v=require("./text.component-BEmVrJQy.js"),n=require("./chakra-C0NbsW66.js"),I=require("./buttonGroup.component-ChKXpEdS.js"),g=f.withFormControl(({children:e,checked:a=!1,disabled:u=!1,invalid:s=!1,onContrast:x=!1,radioRef:p,size:r="md",withCard:i=!1,...c})=>{const d=i?m=>{const l=(b.RadioSizeMap[r]+b.RadioTextSpacing[r]+j.CardPaddingMap[r])*4;return t.jsxRuntimeExports.jsx(j.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!u&&{interactive:!0,invalid:s,active:!!a},onContrast:x,size:r,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${l}px`,children:m.children})}:_.Fragment;return t.jsxRuntimeExports.jsx(n.RadioGroupItem,{className:"Radio","data-testid":"kibble-radio",invalid:s,disabled:u,ref:p,...c,children:t.jsxRuntimeExports.jsxs(d,{children:[t.jsxRuntimeExports.jsx(n.RadioGroupItemHiddenInput,{className:"Radio__Input","data-testid":"kibble-radio-input"}),t.jsxRuntimeExports.jsx(n.RadioGroupItemIndicator,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&t.jsxRuntimeExports.jsx(n.RadioGroupItemText,{className:"Radio__Text","data-testid":"kibble-radio-label",...i&&typeof e!="string"&&{mt:"-3px"},children:typeof e=="string"?t.jsxRuntimeExports.jsx(v.WrappedText,{size:r,children:e}):e})]})})}),h=_.forwardRef((e,a)=>t.jsxRuntimeExports.jsx(g,{radioRef:a,...e}));h.displayName="Radio";const k=({radios:e,defaultValue:a,direction:u="column",disabled:s,invalid:x,onContrast:p,onChange:r,size:i="md",radioType:c="default",value:d,gap:m=2,...l})=>{const E=p?"onContrast":"default";return t.jsxRuntimeExports.jsxs(n.RadioGroupRoot,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:s,defaultValue:a,value:d,onValueChange:({value:o})=>r?.(o),size:i,variant:E,...l,children:[c==="default"&&t.jsxRuntimeExports.jsx(n.Stack,{gap:m,direction:u,children:e.map((o,R)=>t.jsxRuntimeExports.jsx(h,{invalid:x,disabled:s,checked:a===o.value||d===o.value,size:i,...o},`radio-${R}`))}),c==="buttons"&&t.jsxRuntimeExports.jsx(I.ButtonGroup,{onContrast:p,variant:"secondarySubtle",size:i,buttons:e.map((o,R)=>{const G=a===o.value||d===o.value;return{key:`button-radio-${R}`,children:o.children,active:G,disabled:s,onClick:()=>r?.(o.value)}})})]})};k.displayName="CheckboxGroup";const q=f.withFormControl(k);exports.WrappedRadioGroup=q;
+//# sourceMappingURL=radioGroup.component-BGyp2laV.js.map

package/dist/chunks/{radioGroup.component-Dqe03y3F.js.map → radioGroup.component-BGyp2laV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radioGroup.component-~~Dqe03y3F~~.js","sources":["../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n checked?: boolean;\n radioRef?: ForwardedRef<HTMLDivElement>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n ({\n children,\n checked = false,\n disabled = false,\n invalid = false,\n onContrast = false,\n radioRef,\n size = \"md\",\n withCard = false,\n ...rest\n }: RadioProps): React.JSX.Element => {\n const RadioCard: React.FC<CardProps> = withCard\n ? (props): React.JSX.Element => {\n const pr =\n (RadioSizeMap[size] +\n RadioTextSpacing[size] +\n CardPaddingMap[size]) *\n 4;\n return (\n <Card\n className=\"Radio__Card\"\n data-testid=\"kibble-radio-card\"\n {...(!disabled && {\n interactive: true,\n invalid,\n active: !!checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n {...(typeof children === \"string\" && { alignItems: \"center\" })}\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {props.children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <RadioGroup.Item\n className=\"Radio\"\n data-testid=\"kibble-radio\"\n invalid={invalid}\n disabled={disabled}\n ref={radioRef}\n {...rest}\n >\n <RadioCard>\n <RadioGroup.ItemHiddenInput\n className=\"Radio__Input\"\n data-testid=\"kibble-radio-input\"\n />\n <RadioGroup.ItemIndicator\n className=\"Radio__Indicator\"\n data-testid=\"kibble-radio-indicator\"\n />\n {children && (\n <RadioGroup.ItemText\n className=\"Radio__Text\"\n data-testid=\"kibble-radio-label\"\n {...(withCard && typeof children !== \"string\" && { mt: \"-3px\" })}\n >\n {typeof children === \"string\" ? (\n <Text size={size}>{children}</Text>\n ) : (\n children\n )}\n </RadioGroup.ItemText>\n )}\n </RadioCard>\n </RadioGroup.Item>\n );\n },\n);\n\nconst WrappedRadio = React.forwardRef(\n (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n <Radio radioRef={ref} {...props} />\n ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Radio, RadioProps } from \"./components/Radio/radio.component\";\nimport { RadioGroup as CRadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { ButtonGroup } from \"components/ButtonGroup\";\n\nexport interface KRadioGroupProps\n extends WithFormControlProps,\n Omit<CRadioGroup.RootProps, \"onValueChange\" \| \"onChange\"> {\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string \| null) => void;\n size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n radioType?: \"buttons\";\n radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n radioType?: \"default\";\n radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps \| DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n radios,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n onChange,\n size = \"md\",\n radioType = \"default\",\n value,\n gap = 2,\n ...rest\n}: RadioGroupProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n return (\n <CRadioGroup.Root\n className=\"RadioGroup\"\n data-testid=\"kibble-radio-group\"\n disabled={disabled}\n defaultValue={defaultValue}\n value={value}\n onValueChange={({ value }) => onChange?.(value)}\n size={size}\n variant={_computedVariant}\n {...rest}\n >\n {radioType === \"default\" && (\n <Stack gap={gap} direction={direction}>\n {radios.map((radio, index) => (\n <Radio\n key={`radio-${index}`}\n invalid={invalid}\n disabled={disabled}\n checked={defaultValue === radio.value \|\| value === radio.value}\n size={size}\n {...radio}\n />\n ))}\n </Stack>\n )}\n {radioType === \"buttons\" && (\n <ButtonGroup\n onContrast={onContrast}\n variant=\"secondarySubtle\"\n size={size}\n buttons={radios.map((radio, index) => {\n const active =\n defaultValue === radio.value \|\| value === radio.value;\n return {\n key: `button-radio-${index}`,\n children: radio.children,\n active,\n disabled,\n onClick: () => onChange?.(radio.value),\n };\n })}\n />\n )}\n </CRadioGroup.Root>\n );\n};\n\nRadioGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["Radio","withFormControl","children","checked","disabled","invalid","onContrast","radioRef","size","withCard","rest","RadioCard","props","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","jsx","Card","React","RadioGroup.Item","RadioGroup.ItemHiddenInput","RadioGroup.ItemIndicator","RadioGroup.ItemText","Text","WrappedRadio","ref","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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"}
1	+ {"version":3,"file":"radioGroup.component-BGyp2laV.js","sources":["../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n checked?: boolean;\n radioRef?: ForwardedRef<HTMLDivElement>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n ({\n children,\n checked = false,\n disabled = false,\n invalid = false,\n onContrast = false,\n radioRef,\n size = \"md\",\n withCard = false,\n ...rest\n }: RadioProps): React.JSX.Element => {\n const RadioCard: React.FC<CardProps> = withCard\n ? (props): React.JSX.Element => {\n const pr =\n (RadioSizeMap[size] +\n RadioTextSpacing[size] +\n CardPaddingMap[size]) *\n 4;\n return (\n <Card\n className=\"Radio__Card\"\n data-testid=\"kibble-radio-card\"\n {...(!disabled && {\n interactive: true,\n invalid,\n active: !!checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n {...(typeof children === \"string\" && { alignItems: \"center\" })}\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {props.children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <RadioGroup.Item\n className=\"Radio\"\n data-testid=\"kibble-radio\"\n invalid={invalid}\n disabled={disabled}\n ref={radioRef}\n {...rest}\n >\n <RadioCard>\n <RadioGroup.ItemHiddenInput\n className=\"Radio__Input\"\n data-testid=\"kibble-radio-input\"\n />\n <RadioGroup.ItemIndicator\n className=\"Radio__Indicator\"\n data-testid=\"kibble-radio-indicator\"\n />\n {children && (\n <RadioGroup.ItemText\n className=\"Radio__Text\"\n data-testid=\"kibble-radio-label\"\n {...(withCard && typeof children !== \"string\" && { mt: \"-3px\" })}\n >\n {typeof children === \"string\" ? (\n <Text size={size}>{children}</Text>\n ) : (\n children\n )}\n </RadioGroup.ItemText>\n )}\n </RadioCard>\n </RadioGroup.Item>\n );\n },\n);\n\nconst WrappedRadio = React.forwardRef(\n (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n <Radio radioRef={ref} {...props} />\n ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Radio, RadioProps } from \"./components/Radio/radio.component\";\nimport { RadioGroup as CRadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { ButtonGroup } from \"components/ButtonGroup\";\n\nexport interface KRadioGroupProps\n extends WithFormControlProps,\n Omit<CRadioGroup.RootProps, \"onValueChange\" \| \"onChange\"> {\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string \| null) => void;\n size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n radioType?: \"buttons\";\n radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n radioType?: \"default\";\n radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps \| DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n radios,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n onChange,\n size = \"md\",\n radioType = \"default\",\n value,\n gap = 2,\n ...rest\n}: RadioGroupProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n return (\n <CRadioGroup.Root\n className=\"RadioGroup\"\n data-testid=\"kibble-radio-group\"\n disabled={disabled}\n defaultValue={defaultValue}\n value={value}\n onValueChange={({ value }) => onChange?.(value)}\n size={size}\n variant={_computedVariant}\n {...rest}\n >\n {radioType === \"default\" && (\n <Stack gap={gap} direction={direction}>\n {radios.map((radio, index) => (\n <Radio\n key={`radio-${index}`}\n invalid={invalid}\n disabled={disabled}\n checked={defaultValue === radio.value \|\| value === radio.value}\n size={size}\n {...radio}\n />\n ))}\n </Stack>\n )}\n {radioType === \"buttons\" && (\n <ButtonGroup\n onContrast={onContrast}\n variant=\"secondarySubtle\"\n size={size}\n buttons={radios.map((radio, index) => {\n const active =\n defaultValue === radio.value \|\| value === radio.value;\n return {\n key: `button-radio-${index}`,\n children: radio.children,\n active,\n disabled,\n onClick: () => onChange?.(radio.value),\n };\n })}\n />\n )}\n </CRadioGroup.Root>\n );\n};\n\nRadioGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["Radio","withFormControl","children","checked","disabled","invalid","onContrast","radioRef","size","withCard","rest","RadioCard","props","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","jsx","Card","React","RadioGroup.Item","RadioGroup.ItemHiddenInput","RadioGroup.ItemIndicator","RadioGroup.ItemText","Text","WrappedRadio","ref","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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"}

package/dist/chunks/{radioGroup.component-upqqAxJ_.js → radioGroup.component-C_ZyLaHd.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { x as a } from "./vendor-Dap5yPke.js";
-import { w as R } from "./withFormControl-Drim-XvL.js";
+import { x as a } from "./vendor-CRIhG-7s.js";
+import { w as R } from "./withFormControl-C8kEF6Sj.js";
 import x from "react";
-import { C as _, a as I } from "./card.component-DbCmxpUo.js";
+import { C as _, a as I } from "./card.component-C3ybHDES.js";
 import { R as h, a as g } from "./radio.records-Cc3kP4Vn.js";
-import { W as v } from "./text.component-DjvZOoFZ.js";
-import { aE as N, aF as y, aG as C, aH as W, aI as S, f as w } from "./chakra-CWqbAp8a.js";
-import { B as F } from "./buttonGroup.component-DxxmXcf8.js";
+import { W as v } from "./text.component-BqLgdeLf.js";
+import { aE as N, aF as y, aG as C, aH as W, aI as S, f as w } from "./chakra-CM93-d7A.js";
+import { B as F } from "./buttonGroup.component-Dg4GN69o.js";
 const T = R(
   ({
     children: t,
@@ -148,4 +148,4 @@ const D = R(j);
 export {
   D as W
 };
-//# sourceMappingURL=radioGroup.component-upqqAxJ_.js.map
+//# sourceMappingURL=radioGroup.component-C_ZyLaHd.js.map

package/dist/chunks/{radioGroup.component-upqqAxJ_.js.map → radioGroup.component-C_ZyLaHd.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radioGroup.component-~~upqqAxJ_~~.js","sources":["../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n checked?: boolean;\n radioRef?: ForwardedRef<HTMLDivElement>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n ({\n children,\n checked = false,\n disabled = false,\n invalid = false,\n onContrast = false,\n radioRef,\n size = \"md\",\n withCard = false,\n ...rest\n }: RadioProps): React.JSX.Element => {\n const RadioCard: React.FC<CardProps> = withCard\n ? (props): React.JSX.Element => {\n const pr =\n (RadioSizeMap[size] +\n RadioTextSpacing[size] +\n CardPaddingMap[size]) *\n 4;\n return (\n <Card\n className=\"Radio__Card\"\n data-testid=\"kibble-radio-card\"\n {...(!disabled && {\n interactive: true,\n invalid,\n active: !!checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n {...(typeof children === \"string\" && { alignItems: \"center\" })}\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {props.children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <RadioGroup.Item\n className=\"Radio\"\n data-testid=\"kibble-radio\"\n invalid={invalid}\n disabled={disabled}\n ref={radioRef}\n {...rest}\n >\n <RadioCard>\n <RadioGroup.ItemHiddenInput\n className=\"Radio__Input\"\n data-testid=\"kibble-radio-input\"\n />\n <RadioGroup.ItemIndicator\n className=\"Radio__Indicator\"\n data-testid=\"kibble-radio-indicator\"\n />\n {children && (\n <RadioGroup.ItemText\n className=\"Radio__Text\"\n data-testid=\"kibble-radio-label\"\n {...(withCard && typeof children !== \"string\" && { mt: \"-3px\" })}\n >\n {typeof children === \"string\" ? (\n <Text size={size}>{children}</Text>\n ) : (\n children\n )}\n </RadioGroup.ItemText>\n )}\n </RadioCard>\n </RadioGroup.Item>\n );\n },\n);\n\nconst WrappedRadio = React.forwardRef(\n (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n <Radio radioRef={ref} {...props} />\n ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Radio, RadioProps } from \"./components/Radio/radio.component\";\nimport { RadioGroup as CRadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { ButtonGroup } from \"components/ButtonGroup\";\n\nexport interface KRadioGroupProps\n extends WithFormControlProps,\n Omit<CRadioGroup.RootProps, \"onValueChange\" \| \"onChange\"> {\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string \| null) => void;\n size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n radioType?: \"buttons\";\n radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n radioType?: \"default\";\n radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps \| DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n radios,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n onChange,\n size = \"md\",\n radioType = \"default\",\n value,\n gap = 2,\n ...rest\n}: RadioGroupProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n return (\n <CRadioGroup.Root\n className=\"RadioGroup\"\n data-testid=\"kibble-radio-group\"\n disabled={disabled}\n defaultValue={defaultValue}\n value={value}\n onValueChange={({ value }) => onChange?.(value)}\n size={size}\n variant={_computedVariant}\n {...rest}\n >\n {radioType === \"default\" && (\n <Stack gap={gap} direction={direction}>\n {radios.map((radio, index) => (\n <Radio\n key={`radio-${index}`}\n invalid={invalid}\n disabled={disabled}\n checked={defaultValue === radio.value \|\| value === radio.value}\n size={size}\n {...radio}\n />\n ))}\n </Stack>\n )}\n {radioType === \"buttons\" && (\n <ButtonGroup\n onContrast={onContrast}\n variant=\"secondarySubtle\"\n size={size}\n buttons={radios.map((radio, index) => {\n const active =\n defaultValue === radio.value \|\| value === radio.value;\n return {\n key: `button-radio-${index}`,\n children: radio.children,\n active,\n disabled,\n onClick: () => onChange?.(radio.value),\n };\n })}\n />\n )}\n </CRadioGroup.Root>\n );\n};\n\nRadioGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["Radio","withFormControl","children","checked","disabled","invalid","onContrast","radioRef","size","withCard","rest","RadioCard","props","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","jsx","Card","React","RadioGroup.Item","RadioGroup.ItemHiddenInput","RadioGroup.ItemIndicator","RadioGroup.ItemText","Text","WrappedRadio","ref","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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"}
1	+ {"version":3,"file":"radioGroup.component-C_ZyLaHd.js","sources":["../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n checked?: boolean;\n radioRef?: ForwardedRef<HTMLDivElement>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n ({\n children,\n checked = false,\n disabled = false,\n invalid = false,\n onContrast = false,\n radioRef,\n size = \"md\",\n withCard = false,\n ...rest\n }: RadioProps): React.JSX.Element => {\n const RadioCard: React.FC<CardProps> = withCard\n ? (props): React.JSX.Element => {\n const pr =\n (RadioSizeMap[size] +\n RadioTextSpacing[size] +\n CardPaddingMap[size]) *\n 4;\n return (\n <Card\n className=\"Radio__Card\"\n data-testid=\"kibble-radio-card\"\n {...(!disabled && {\n interactive: true,\n invalid,\n active: !!checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n {...(typeof children === \"string\" && { alignItems: \"center\" })}\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {props.children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <RadioGroup.Item\n className=\"Radio\"\n data-testid=\"kibble-radio\"\n invalid={invalid}\n disabled={disabled}\n ref={radioRef}\n {...rest}\n >\n <RadioCard>\n <RadioGroup.ItemHiddenInput\n className=\"Radio__Input\"\n data-testid=\"kibble-radio-input\"\n />\n <RadioGroup.ItemIndicator\n className=\"Radio__Indicator\"\n data-testid=\"kibble-radio-indicator\"\n />\n {children && (\n <RadioGroup.ItemText\n className=\"Radio__Text\"\n data-testid=\"kibble-radio-label\"\n {...(withCard && typeof children !== \"string\" && { mt: \"-3px\" })}\n >\n {typeof children === \"string\" ? (\n <Text size={size}>{children}</Text>\n ) : (\n children\n )}\n </RadioGroup.ItemText>\n )}\n </RadioCard>\n </RadioGroup.Item>\n );\n },\n);\n\nconst WrappedRadio = React.forwardRef(\n (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n <Radio radioRef={ref} {...props} />\n ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Radio, RadioProps } from \"./components/Radio/radio.component\";\nimport { RadioGroup as CRadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { ButtonGroup } from \"components/ButtonGroup\";\n\nexport interface KRadioGroupProps\n extends WithFormControlProps,\n Omit<CRadioGroup.RootProps, \"onValueChange\" \| \"onChange\"> {\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string \| null) => void;\n size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n radioType?: \"buttons\";\n radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n radioType?: \"default\";\n radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps \| DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n radios,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n onChange,\n size = \"md\",\n radioType = \"default\",\n value,\n gap = 2,\n ...rest\n}: RadioGroupProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n return (\n <CRadioGroup.Root\n className=\"RadioGroup\"\n data-testid=\"kibble-radio-group\"\n disabled={disabled}\n defaultValue={defaultValue}\n value={value}\n onValueChange={({ value }) => onChange?.(value)}\n size={size}\n variant={_computedVariant}\n {...rest}\n >\n {radioType === \"default\" && (\n <Stack gap={gap} direction={direction}>\n {radios.map((radio, index) => (\n <Radio\n key={`radio-${index}`}\n invalid={invalid}\n disabled={disabled}\n checked={defaultValue === radio.value \|\| value === radio.value}\n size={size}\n {...radio}\n />\n ))}\n </Stack>\n )}\n {radioType === \"buttons\" && (\n <ButtonGroup\n onContrast={onContrast}\n variant=\"secondarySubtle\"\n size={size}\n buttons={radios.map((radio, index) => {\n const active =\n defaultValue === radio.value \|\| value === radio.value;\n return {\n key: `button-radio-${index}`,\n children: radio.children,\n active,\n disabled,\n onClick: () => onChange?.(radio.value),\n };\n })}\n />\n )}\n </CRadioGroup.Root>\n );\n};\n\nRadioGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["Radio","withFormControl","children","checked","disabled","invalid","onContrast","radioRef","size","withCard","rest","RadioCard","props","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","jsx","Card","React","RadioGroup.Item","RadioGroup.ItemHiddenInput","RadioGroup.ItemIndicator","RadioGroup.ItemText","Text","WrappedRadio","ref","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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"}

package/dist/chunks/{ratingDots.component-Qyrf1t1I.js → ratingDots.component-Bd43t7IQ.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { x as t } from "./vendor-Dap5yPke.js";
+import { x as t } from "./vendor-CRIhG-7s.js";
 import { useCallback as m, useMemo as f } from "react";
-import { W as c } from "./text.component-DjvZOoFZ.js";
-import { aY as h, af as j, F as g, a as y } from "./chakra-CWqbAp8a.js";
-import { w as C } from "./withFormControl-Drim-XvL.js";
+import { W as c } from "./text.component-BqLgdeLf.js";
+import { b1 as h, af as j, F as g, a as y } from "./chakra-CM93-d7A.js";
+import { w as C } from "./withFormControl-C8kEF6Sj.js";
 const R = h({
   base: {
     alignItems: "center",
@@ -152,4 +152,4 @@ const R = h({
 export {
   $ as R
 };
-//# sourceMappingURL=ratingDots.component-Qyrf1t1I.js.map
+//# sourceMappingURL=ratingDots.component-Bd43t7IQ.js.map

package/dist/chunks/{ratingDots.component-Qyrf1t1I.js.map → ratingDots.component-Bd43t7IQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ratingDots.component-~~Qyrf1t1I~~.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n base: {\n alignItems: \"center\",\n border: \"2px\",\n borderColor: \"border.focus\",\n borderRadius: \"full\",\n fontSize: \"lg\",\n justifyContent: \"center\",\n mb: 1,\n mr: 1,\n },\n variants: {\n variant: {\n default: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n cursor: \"default\",\n h: \"40px\",\n w: \"40px\",\n },\n interactive: {\n bgColor: \"transparent\",\n color: \"text.interactive\",\n cursor: \"pointer\",\n h: \"60px\",\n w: \"60px\",\n \"&[data-disabled][data-active]\": {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n },\n _active: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n _hover: {\n bgColor: \"background.secondary\",\n },\n },\n _disabled: {\n cursor: \"not-allowed\",\n opacity: 0.6,\n },\n _hover: {\n bgColor: \"background.secondaryAlpha.hover\",\n },\n _invalid: {\n borderColor: \"border.danger\",\n },\n },\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n active?: boolean;\n disabled?: boolean;\n invalid?: boolean;\n number: number;\n onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n active,\n disabled,\n invalid,\n number,\n onClick,\n}: RatingDotProps): React.JSX.Element => {\n const variant = onClick ? \"interactive\" : \"default\";\n const recipe = useRecipe({ recipe: ratingDotRecipe });\n const styles = recipe({ variant });\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n e.preventDefault();\n if (onClick) onClick(number);\n },\n [number, onClick],\n );\n\n return (\n <Flex\n {...(active && { \"data-active\": \"true\" })}\n {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n {...(invalid && { \"data-invalid\": \"true\" })}\n css={styles}\n >\n {number}\n </Flex>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n centeredLabel?: string;\n maxLabel?: string;\n maxValue: number;\n minLabel?: string;\n minValue: number;\n onChange?: (value: number) => void;\n value?: number;\n}\n\nexport const RatingDots = withFormControl(\n ({\n centeredLabel,\n disabled,\n invalid,\n minLabel,\n minValue,\n maxLabel,\n maxValue,\n onChange,\n value,\n }: RatingDotsProps): React.JSX.Element => {\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n return (\n <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n <Flex\n className=\"RatingDots__Container\"\n data-testid=\"kibble-rating-dots-container\"\n my={4}\n flexWrap=\"wrap\"\n justifyContent={onChange ? \"center\" : \"flex-start\"}\n >\n {values.map((val) => (\n <RatingDot\n key={`rating-dot-${val}`}\n number={val}\n active={val === value}\n disabled={disabled}\n invalid={invalid}\n onClick={onChange}\n />\n ))}\n </Flex>\n {(centeredLabel \|\| minLabel \|\| maxLabel) && (\n <Flex\n className=\"RatingDots__Label\"\n data-testid=\"kibble-rating-dots-label\"\n justifyContent={\n onChange\n ? centeredLabel\n ? \"center\"\n : \"space-between\"\n : \"flex-start\"\n }\n >\n {centeredLabel ? (\n <Text variant=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMin} - ${minLabel}`}</Text>\n )}\n {!onChange && (\n <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n )}\n {maxLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMax} - ${maxLabel}`}</Text>\n )}\n </>\n )}\n </Flex>\n )}\n </Box>\n );\n },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":";;;;;AAEO,MAAMA,IAAkBC,EAAa;AAAA,EAC1C,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,QACH,iCAAiC;AAAA,UAC/B,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QAEb;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GC1CYC,IAAY,CAAC;AAAA,EACxB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAyC;AACjC,QAAAC,IAAUD,IAAU,gBAAgB,WAEpCE,IADSC,EAAU,EAAE,QAAQV,GAAiB,EAC9B,EAAE,SAAAQ,GAAS,GAE3BG,IAAcC;AAAA,IAClB,CAACC,MAA0D;AACzD,MAAAA,EAAE,eAAe,GACbN,OAAiBD,CAAM;AAAA,IAC7B;AAAA,IACA,CAACA,GAAQC,CAAO;AAAA,EAClB;AAGE,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIZ,KAAU,EAAE,eAAe,OAAO;AAAA,MACtC,GAAIC,IAAW,EAAE,iBAAiB,WAAW,EAAE,SAASO,EAAY;AAAA,MACpE,GAAIN,KAAW,EAAE,gBAAgB,OAAO;AAAA,MACzC,KAAKI;AAAA,MAEJ,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ,GCtBaU,IAAaC;AAAA,EACxB,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,UAAAd;AAAA,IACA,SAAAC;AAAA,IACA,UAAAc;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACwC;AAClC,UAAAC,IAAaC,EAAQ,MAAM,KAAK,MAAMN,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAC3DO,IAAaD,EAAQ,MAAM,KAAK,MAAMJ,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE3DM,IAASF,EAAQ,MAAM;AAC3B,YAAMG,IAAM,CAAC;AACb,eAASC,IAAIL,GAAYK,KAAKH,GAAYG;AACxC,QAAAD,EAAI,KAAKC,CAAC;AAEL,aAAAD;AAAA,IAAA,GACN,CAACF,GAAYF,CAAU,CAAC;AAE3B,WACGM,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,cAAa,eAAY,sBACtC,UAAA;AAAA,MAAAlB,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,IAAI;AAAA,UACJ,UAAS;AAAA,UACT,gBAAgBQ,IAAW,WAAW;AAAA,UAErC,UAAAK,EAAO,IAAI,CAACK,MACXnB,gBAAAA,EAAA;AAAA,YAACZ;AAAA,YAAA;AAAA,cAEC,QAAQ+B;AAAA,cACR,QAAQA,MAAQT;AAAA,cAChB,UAAApB;AAAA,cACA,SAAAC;AAAA,cACA,SAASkB;AAAA,YAAA;AAAA,YALJ,cAAcU,CAAG;AAAA,UAOzB,CAAA;AAAA,QAAA;AAAA,MACH;AAAA,OACEf,KAAiBC,KAAYE,MAC7BP,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,gBACEQ,IACIL,IACE,WACA,kBACF;AAAA,UAGL,UAAAA,0BACEgB,GAAK,EAAA,SAAQ,UAAS,MAAK,MACzB,UACHhB,EAAA,CAAA,IAGGa,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EAAA,UAAA;AAAA,YACChB,KAAAL,gBAAAA,EAAA;AAAA,cAACoB;AAAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAA,GAAGT,CAAU,MAAMN,CAAQ;AAAA,cAAA;AAAA,YAAG;AAAA,YAEjC,CAACI,KACAT,gBAAAA,EAAA,IAACoB,GAAK,EAAA,SAAQ,UAAS,MAAK,MAAK,IAAI,GAAI,UAAI,IAAA,CAAA;AAAA,YAE9Cb,KACCP,gBAAAA,EAAA;AAAA,cAACoB;AAAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAA,GAAGP,CAAU,MAAMN,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAAG,EAEpC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAEJ;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"ratingDots.component-Bd43t7IQ.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n base: {\n alignItems: \"center\",\n border: \"2px\",\n borderColor: \"border.focus\",\n borderRadius: \"full\",\n fontSize: \"lg\",\n justifyContent: \"center\",\n mb: 1,\n mr: 1,\n },\n variants: {\n variant: {\n default: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n cursor: \"default\",\n h: \"40px\",\n w: \"40px\",\n },\n interactive: {\n bgColor: \"transparent\",\n color: \"text.interactive\",\n cursor: \"pointer\",\n h: \"60px\",\n w: \"60px\",\n \"&[data-disabled][data-active]\": {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n },\n _active: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n _hover: {\n bgColor: \"background.secondary\",\n },\n },\n _disabled: {\n cursor: \"not-allowed\",\n opacity: 0.6,\n },\n _hover: {\n bgColor: \"background.secondaryAlpha.hover\",\n },\n _invalid: {\n borderColor: \"border.danger\",\n },\n },\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n active?: boolean;\n disabled?: boolean;\n invalid?: boolean;\n number: number;\n onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n active,\n disabled,\n invalid,\n number,\n onClick,\n}: RatingDotProps): React.JSX.Element => {\n const variant = onClick ? \"interactive\" : \"default\";\n const recipe = useRecipe({ recipe: ratingDotRecipe });\n const styles = recipe({ variant });\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n e.preventDefault();\n if (onClick) onClick(number);\n },\n [number, onClick],\n );\n\n return (\n <Flex\n {...(active && { \"data-active\": \"true\" })}\n {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n {...(invalid && { \"data-invalid\": \"true\" })}\n css={styles}\n >\n {number}\n </Flex>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n centeredLabel?: string;\n maxLabel?: string;\n maxValue: number;\n minLabel?: string;\n minValue: number;\n onChange?: (value: number) => void;\n value?: number;\n}\n\nexport const RatingDots = withFormControl(\n ({\n centeredLabel,\n disabled,\n invalid,\n minLabel,\n minValue,\n maxLabel,\n maxValue,\n onChange,\n value,\n }: RatingDotsProps): React.JSX.Element => {\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n return (\n <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n <Flex\n className=\"RatingDots__Container\"\n data-testid=\"kibble-rating-dots-container\"\n my={4}\n flexWrap=\"wrap\"\n justifyContent={onChange ? \"center\" : \"flex-start\"}\n >\n {values.map((val) => (\n <RatingDot\n key={`rating-dot-${val}`}\n number={val}\n active={val === value}\n disabled={disabled}\n invalid={invalid}\n onClick={onChange}\n />\n ))}\n </Flex>\n {(centeredLabel \|\| minLabel \|\| maxLabel) && (\n <Flex\n className=\"RatingDots__Label\"\n data-testid=\"kibble-rating-dots-label\"\n justifyContent={\n onChange\n ? centeredLabel\n ? \"center\"\n : \"space-between\"\n : \"flex-start\"\n }\n >\n {centeredLabel ? (\n <Text variant=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMin} - ${minLabel}`}</Text>\n )}\n {!onChange && (\n <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n )}\n {maxLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMax} - ${maxLabel}`}</Text>\n )}\n </>\n )}\n </Flex>\n )}\n </Box>\n );\n },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":"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"}

package/dist/chunks/{ratingDots.component-DPpQtnc3.js → ratingDots.component-D4ppuVsC.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-D9kXrowz.js"),l=require("react"),d=require("./text.component-DDKYg8fY.js"),n=require("./chakra-CecTEyCR.js"),R=require("./withFormControl-DkMAv6vq.js"),v=n.defineRecipe({base:{alignItems:"center",border:"2px",borderColor:"border.focus",borderRadius:"full",fontSize:"lg",justifyContent:"center",mb:1,mr:1},variants:{variant:{default:{bgColor:"background.secondary",color:"text.contrast",cursor:"default",h:"40px",w:"40px"},interactive:{bgColor:"transparent",color:"text.interactive",cursor:"pointer",h:"60px",w:"60px","&[data-disabled][data-active]":{bgColor:"background.secondary",color:"text.contrast"},_active:{bgColor:"background.secondary",color:"text.contrast",_hover:{bgColor:"background.secondary"}},_disabled:{cursor:"not-allowed",opacity:.6},_hover:{bgColor:"background.secondaryAlpha.hover"},_invalid:{borderColor:"border.danger"}}}},defaultVariants:{variant:"default"}}),h=({active:s,disabled:u,invalid:x,number:e,onClick:r})=>{const i=r?"interactive":"default",o=n.useRecipe({recipe:v})({variant:i}),b=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(n.Flex,{...s&&{"data-active":"true"},...u?{"data-disabled":"true"}:{onClick:b},...x&&{"data-invalid":"true"},css:o,children:e})},f=R.withFormControl(({centeredLabel:s,disabled:u,invalid:x,minLabel:e,minValue:r,maxLabel:i,maxValue:p,onChange:o,value:b})=>{const c=l.useMemo(()=>Math.round(r),[r]),j=l.useMemo(()=>Math.round(p),[p]),m=l.useMemo(()=>{const a=[];for(let g=c;g<=j;g++)a.push(g);return a},[j,c]);return t.jsxRuntimeExports.jsxs(n.Box,{className:"RatingDots","data-testid":"kibble-rating-dots",children:[t.jsxRuntimeExports.jsx(n.Flex,{className:"RatingDots__Container","data-testid":"kibble-rating-dots-container",my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start",children:m.map(a=>t.jsxRuntimeExports.jsx(h,{number:a,active:a===b,disabled:u,invalid:x,onClick:o},`rating-dot-${a}`))}),(s||e||i)&&t.jsxRuntimeExports.jsx(n.Flex,{className:"RatingDots__Label","data-testid":"kibble-rating-dots-label",justifyContent:o?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!o&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),i&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:`${j} - ${i}`})]})})]})});exports.RatingDots=f;
-//# sourceMappingURL=ratingDots.component-DPpQtnc3.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),l=require("react"),d=require("./text.component-BEmVrJQy.js"),n=require("./chakra-C0NbsW66.js"),R=require("./withFormControl-uSeX61J8.js"),v=n.defineRecipe({base:{alignItems:"center",border:"2px",borderColor:"border.focus",borderRadius:"full",fontSize:"lg",justifyContent:"center",mb:1,mr:1},variants:{variant:{default:{bgColor:"background.secondary",color:"text.contrast",cursor:"default",h:"40px",w:"40px"},interactive:{bgColor:"transparent",color:"text.interactive",cursor:"pointer",h:"60px",w:"60px","&[data-disabled][data-active]":{bgColor:"background.secondary",color:"text.contrast"},_active:{bgColor:"background.secondary",color:"text.contrast",_hover:{bgColor:"background.secondary"}},_disabled:{cursor:"not-allowed",opacity:.6},_hover:{bgColor:"background.secondaryAlpha.hover"},_invalid:{borderColor:"border.danger"}}}},defaultVariants:{variant:"default"}}),h=({active:s,disabled:u,invalid:x,number:e,onClick:r})=>{const i=r?"interactive":"default",o=n.useRecipe({recipe:v})({variant:i}),b=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(n.Flex,{...s&&{"data-active":"true"},...u?{"data-disabled":"true"}:{onClick:b},...x&&{"data-invalid":"true"},css:o,children:e})},f=R.withFormControl(({centeredLabel:s,disabled:u,invalid:x,minLabel:e,minValue:r,maxLabel:i,maxValue:p,onChange:o,value:b})=>{const c=l.useMemo(()=>Math.round(r),[r]),j=l.useMemo(()=>Math.round(p),[p]),m=l.useMemo(()=>{const a=[];for(let g=c;g<=j;g++)a.push(g);return a},[j,c]);return t.jsxRuntimeExports.jsxs(n.Box,{className:"RatingDots","data-testid":"kibble-rating-dots",children:[t.jsxRuntimeExports.jsx(n.Flex,{className:"RatingDots__Container","data-testid":"kibble-rating-dots-container",my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start",children:m.map(a=>t.jsxRuntimeExports.jsx(h,{number:a,active:a===b,disabled:u,invalid:x,onClick:o},`rating-dot-${a}`))}),(s||e||i)&&t.jsxRuntimeExports.jsx(n.Flex,{className:"RatingDots__Label","data-testid":"kibble-rating-dots-label",justifyContent:o?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!o&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),i&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:`${j} - ${i}`})]})})]})});exports.RatingDots=f;
+//# sourceMappingURL=ratingDots.component-D4ppuVsC.js.map

package/dist/chunks/{ratingDots.component-DPpQtnc3.js.map → ratingDots.component-D4ppuVsC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ratingDots.component-~~DPpQtnc3~~.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n base: {\n alignItems: \"center\",\n border: \"2px\",\n borderColor: \"border.focus\",\n borderRadius: \"full\",\n fontSize: \"lg\",\n justifyContent: \"center\",\n mb: 1,\n mr: 1,\n },\n variants: {\n variant: {\n default: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n cursor: \"default\",\n h: \"40px\",\n w: \"40px\",\n },\n interactive: {\n bgColor: \"transparent\",\n color: \"text.interactive\",\n cursor: \"pointer\",\n h: \"60px\",\n w: \"60px\",\n \"&[data-disabled][data-active]\": {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n },\n _active: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n _hover: {\n bgColor: \"background.secondary\",\n },\n },\n _disabled: {\n cursor: \"not-allowed\",\n opacity: 0.6,\n },\n _hover: {\n bgColor: \"background.secondaryAlpha.hover\",\n },\n _invalid: {\n borderColor: \"border.danger\",\n },\n },\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n active?: boolean;\n disabled?: boolean;\n invalid?: boolean;\n number: number;\n onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n active,\n disabled,\n invalid,\n number,\n onClick,\n}: RatingDotProps): React.JSX.Element => {\n const variant = onClick ? \"interactive\" : \"default\";\n const recipe = useRecipe({ recipe: ratingDotRecipe });\n const styles = recipe({ variant });\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n e.preventDefault();\n if (onClick) onClick(number);\n },\n [number, onClick],\n );\n\n return (\n <Flex\n {...(active && { \"data-active\": \"true\" })}\n {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n {...(invalid && { \"data-invalid\": \"true\" })}\n css={styles}\n >\n {number}\n </Flex>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n centeredLabel?: string;\n maxLabel?: string;\n maxValue: number;\n minLabel?: string;\n minValue: number;\n onChange?: (value: number) => void;\n value?: number;\n}\n\nexport const RatingDots = withFormControl(\n ({\n centeredLabel,\n disabled,\n invalid,\n minLabel,\n minValue,\n maxLabel,\n maxValue,\n onChange,\n value,\n }: RatingDotsProps): React.JSX.Element => {\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n return (\n <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n <Flex\n className=\"RatingDots__Container\"\n data-testid=\"kibble-rating-dots-container\"\n my={4}\n flexWrap=\"wrap\"\n justifyContent={onChange ? \"center\" : \"flex-start\"}\n >\n {values.map((val) => (\n <RatingDot\n key={`rating-dot-${val}`}\n number={val}\n active={val === value}\n disabled={disabled}\n invalid={invalid}\n onClick={onChange}\n />\n ))}\n </Flex>\n {(centeredLabel \|\| minLabel \|\| maxLabel) && (\n <Flex\n className=\"RatingDots__Label\"\n data-testid=\"kibble-rating-dots-label\"\n justifyContent={\n onChange\n ? centeredLabel\n ? \"center\"\n : \"space-between\"\n : \"flex-start\"\n }\n >\n {centeredLabel ? (\n <Text variant=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMin} - ${minLabel}`}</Text>\n )}\n {!onChange && (\n <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n )}\n {maxLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMax} - ${maxLabel}`}</Text>\n )}\n </>\n )}\n </Flex>\n )}\n </Box>\n );\n },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"ratingDots.component-D4ppuVsC.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n base: {\n alignItems: \"center\",\n border: \"2px\",\n borderColor: \"border.focus\",\n borderRadius: \"full\",\n fontSize: \"lg\",\n justifyContent: \"center\",\n mb: 1,\n mr: 1,\n },\n variants: {\n variant: {\n default: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n cursor: \"default\",\n h: \"40px\",\n w: \"40px\",\n },\n interactive: {\n bgColor: \"transparent\",\n color: \"text.interactive\",\n cursor: \"pointer\",\n h: \"60px\",\n w: \"60px\",\n \"&[data-disabled][data-active]\": {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n },\n _active: {\n bgColor: \"background.secondary\",\n color: \"text.contrast\",\n _hover: {\n bgColor: \"background.secondary\",\n },\n },\n _disabled: {\n cursor: \"not-allowed\",\n opacity: 0.6,\n },\n _hover: {\n bgColor: \"background.secondaryAlpha.hover\",\n },\n _invalid: {\n borderColor: \"border.danger\",\n },\n },\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n active?: boolean;\n disabled?: boolean;\n invalid?: boolean;\n number: number;\n onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n active,\n disabled,\n invalid,\n number,\n onClick,\n}: RatingDotProps): React.JSX.Element => {\n const variant = onClick ? \"interactive\" : \"default\";\n const recipe = useRecipe({ recipe: ratingDotRecipe });\n const styles = recipe({ variant });\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n e.preventDefault();\n if (onClick) onClick(number);\n },\n [number, onClick],\n );\n\n return (\n <Flex\n {...(active && { \"data-active\": \"true\" })}\n {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n {...(invalid && { \"data-invalid\": \"true\" })}\n css={styles}\n >\n {number}\n </Flex>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n centeredLabel?: string;\n maxLabel?: string;\n maxValue: number;\n minLabel?: string;\n minValue: number;\n onChange?: (value: number) => void;\n value?: number;\n}\n\nexport const RatingDots = withFormControl(\n ({\n centeredLabel,\n disabled,\n invalid,\n minLabel,\n minValue,\n maxLabel,\n maxValue,\n onChange,\n value,\n }: RatingDotsProps): React.JSX.Element => {\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n return (\n <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n <Flex\n className=\"RatingDots__Container\"\n data-testid=\"kibble-rating-dots-container\"\n my={4}\n flexWrap=\"wrap\"\n justifyContent={onChange ? \"center\" : \"flex-start\"}\n >\n {values.map((val) => (\n <RatingDot\n key={`rating-dot-${val}`}\n number={val}\n active={val === value}\n disabled={disabled}\n invalid={invalid}\n onClick={onChange}\n />\n ))}\n </Flex>\n {(centeredLabel \|\| minLabel \|\| maxLabel) && (\n <Flex\n className=\"RatingDots__Label\"\n data-testid=\"kibble-rating-dots-label\"\n justifyContent={\n onChange\n ? centeredLabel\n ? \"center\"\n : \"space-between\"\n : \"flex-start\"\n }\n >\n {centeredLabel ? (\n <Text variant=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMin} - ${minLabel}`}</Text>\n )}\n {!onChange && (\n <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n )}\n {maxLabel && (\n <Text\n variant=\"subtle\"\n size=\"sm\"\n >{`${roundedMax} - ${maxLabel}`}</Text>\n )}\n </>\n )}\n </Flex>\n )}\n </Box>\n );\n },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":"+LAEaA,EAAkBC,EAAAA,aAAa,CAC1C,KAAM,CACJ,WAAY,SACZ,OAAQ,MACR,YAAa,eACb,aAAc,OACd,SAAU,KACV,eAAgB,SAChB,GAAI,EACJ,GAAI,CACN,EACA,SAAU,CACR,QAAS,CACP,QAAS,CACP,QAAS,uBACT,MAAO,gBACP,OAAQ,UACR,EAAG,OACH,EAAG,MACL,EACA,YAAa,CACX,QAAS,cACT,MAAO,mBACP,OAAQ,UACR,EAAG,OACH,EAAG,OACH,gCAAiC,CAC/B,QAAS,uBACT,MAAO,eACT,EACA,QAAS,CACP,QAAS,uBACT,MAAO,gBACP,OAAQ,CACN,QAAS,sBAAA,CAEb,EACA,UAAW,CACT,OAAQ,cACR,QAAS,EACX,EACA,OAAQ,CACN,QAAS,iCACX,EACA,SAAU,CACR,YAAa,eAAA,CACf,CACF,CAEJ,EACA,gBAAiB,CACf,QAAS,SAAA,CAEb,CAAC,EC1CYC,EAAY,CAAC,CACxB,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,CACF,IAAyC,CACjC,MAAAC,EAAUD,EAAU,cAAgB,UAEpCE,EADSC,EAAA,UAAU,CAAE,OAAQV,EAAiB,EAC9B,CAAE,QAAAQ,EAAS,EAE3BG,EAAcC,EAAA,YACjBC,GAA0D,CACzDA,EAAE,eAAe,EACbN,KAAiBD,CAAM,CAC7B,EACA,CAACA,EAAQC,CAAO,CAClB,EAGE,OAAAO,EAAA,kBAAA,IAACC,EAAA,KAAA,CACE,GAAIZ,GAAU,CAAE,cAAe,MAAO,EACtC,GAAIC,EAAW,CAAE,gBAAiB,QAAW,CAAE,QAASO,CAAY,EACpE,GAAIN,GAAW,CAAE,eAAgB,MAAO,EACzC,IAAKI,EAEJ,SAAAH,CAAA,CACH,CAEJ,ECtBaU,EAAaC,EAAA,gBACxB,CAAC,CACC,cAAAC,EACA,SAAAd,EACA,QAAAC,EACA,SAAAc,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,CAAA,IACwC,CAClC,MAAAC,EAAaC,UAAQ,IAAM,KAAK,MAAMN,CAAQ,EAAG,CAACA,CAAQ,CAAC,EAC3DO,EAAaD,UAAQ,IAAM,KAAK,MAAMJ,CAAQ,EAAG,CAACA,CAAQ,CAAC,EAE3DM,EAASF,EAAAA,QAAQ,IAAM,CAC3B,MAAMG,EAAM,CAAC,EACb,QAASC,EAAIL,EAAYK,GAAKH,EAAYG,IACxCD,EAAI,KAAKC,CAAC,EAEL,OAAAD,CAAA,EACN,CAACF,EAAYF,CAAU,CAAC,EAE3B,OACGM,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,aAAa,cAAY,qBACtC,SAAA,CAAAlB,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,wBACV,cAAY,+BACZ,GAAI,EACJ,SAAS,OACT,eAAgBQ,EAAW,SAAW,aAErC,SAAAK,EAAO,IAAKK,GACXnB,EAAA,kBAAA,IAACZ,EAAA,CAEC,OAAQ+B,EACR,OAAQA,IAAQT,EAChB,SAAApB,EACA,QAAAC,EACA,QAASkB,CAAA,EALJ,cAAcU,CAAG,EAOzB,CAAA,CAAA,CACH,GACEf,GAAiBC,GAAYE,IAC7BP,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,oBACV,cAAY,2BACZ,eACEQ,EACIL,EACE,SACA,gBACF,aAGL,SAAAA,0BACEgB,EAAK,YAAA,CAAA,QAAQ,SAAS,KAAK,KACzB,SACHhB,CAAA,CAAA,EAGGa,EAAAA,kBAAAA,KAAAI,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CACChB,GAAAL,EAAA,kBAAA,IAACoB,EAAA,YAAA,CACC,QAAQ,SACR,KAAK,KACL,SAAA,GAAGT,CAAU,MAAMN,CAAQ,EAAA,CAAG,EAEjC,CAACI,GACAT,EAAA,kBAAA,IAACoB,EAAK,YAAA,CAAA,QAAQ,SAAS,KAAK,KAAK,GAAI,EAAI,SAAI,GAAA,CAAA,EAE9Cb,GACCP,EAAA,kBAAA,IAACoB,EAAA,YAAA,CACC,QAAQ,SACR,KAAK,KACL,SAAA,GAAGP,CAAU,MAAMN,CAAQ,EAAA,CAAA,CAAG,CAEpC,CAAA,CAAA,CAAA,CAEJ,EAEJ,CAAA,CAGN"}

package/dist/chunks/{select.component-CtSUquuE.js → select.component-CbIIIuhy.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D9kXrowz.js"),a=require("react"),g=require("./withFormControl-DkMAv6vq.js"),b=require("./icon.component-ihI61XSA.js"),v=require("./button.component-CNa885PO.js"),m=require("./text.component-DDKYg8fY.js"),f=require("./spinner.component-DvfRSP23.js"),t=require("./chakra-CecTEyCR.js"),p=({item:s,onContrast:o,shouldTruncateText:i,size:x})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s.leftElement,typeof s.label=="string"?e.jsxRuntimeExports.jsx(m.WrappedText,{size:x,truncated:i,variant:s.variant||(o?"onContrast":"default"),children:s.label}):s.label]}),C=({placeholder:s="",placeholderElement:o,...i})=>{const x=e.useSelectContext(),n=a.useMemo(()=>x.selectedItems[0],[x]);return e.jsxRuntimeExports.jsxs(t.SelectTrigger,{children:[!n&&o,e.jsxRuntimeExports.jsx(t.SelectValueText,{placeholder:s,children:n&&e.jsxRuntimeExports.jsx(p,{item:n,...i})})]})},T=g.withFormControl(({clearable:s,placeholderElement:o,emptyPlaceholder:i="No options available",loading:x,onContrast:n,options:c,placeholder:R="",selectRef:E,shouldTruncateText:j,size:l="md",...h})=>{const S=n?"onContrast":"default",u=a.useMemo(()=>e.createListCollection({items:c??[],itemToString:r=>typeof r.label=="string"?r.label:r.valueText||"",itemToValue:r=>r.value}),[c]);return e.jsxRuntimeExports.jsxs(t.SelectRoot,{className:"Select","data-testid":"kibble-select",collection:u,size:l,variant:S,...h,children:[e.jsxRuntimeExports.jsx(t.SelectHiddenSelect,{ref:E}),e.jsxRuntimeExports.jsxs(t.SelectControl,{children:[e.jsxRuntimeExports.jsx(C,{placeholder:R,placeholderElement:o,onContrast:!!n,shouldTruncateText:!!j,size:l}),e.jsxRuntimeExports.jsxs(t.SelectIndicatorGroup,{children:[s&&e.jsxRuntimeExports.jsx(t.SelectClearTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(v.Button,{iconName:"close",onContrast:n,size:l==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(b.Icon,{name:"chevronDown",size:l,variant:n?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(e.Portal,{children:e.jsxRuntimeExports.jsx(t.SelectPositioner,{children:e.jsxRuntimeExports.jsx(t.SelectContent,{children:x?e.jsxRuntimeExports.jsx(t.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(f.Spinner,{variant:n?"brandOnContrast":"brand",size:l})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u.items.length?u.items.map(r=>e.jsxRuntimeExports.jsx(t.SelectItem,{item:r,children:e.jsxRuntimeExports.jsx(p,{item:r,onContrast:!!n,shouldTruncateText:!!j,size:l})},r.value)):e.jsxRuntimeExports.jsx(t.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(m.WrappedText,{size:"sm",variant:n?"subtleOnContrast":"subtle",children:i})})})})})})]})}),d=a.forwardRef((s,o)=>e.jsxRuntimeExports.jsx(T,{selectRef:o,...s}));d.displayName="Select";exports.WrappedSelect=d;
-//# sourceMappingURL=select.component-CtSUquuE.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),a=require("react"),g=require("./withFormControl-uSeX61J8.js"),b=require("./icon.component-BfsX-enJ.js"),v=require("./button.component-C0WP_LB_.js"),m=require("./text.component-BEmVrJQy.js"),f=require("./spinner.component-BOvFHPif.js"),t=require("./chakra-C0NbsW66.js"),p=({item:s,onContrast:o,shouldTruncateText:i,size:x})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s.leftElement,typeof s.label=="string"?e.jsxRuntimeExports.jsx(m.WrappedText,{size:x,truncated:i,variant:s.variant||(o?"onContrast":"default"),children:s.label}):s.label]}),C=({placeholder:s="",placeholderElement:o,...i})=>{const x=e.useSelectContext(),n=a.useMemo(()=>x.selectedItems[0],[x]);return e.jsxRuntimeExports.jsxs(t.SelectTrigger,{children:[!n&&o,e.jsxRuntimeExports.jsx(t.SelectValueText,{placeholder:s,children:n&&e.jsxRuntimeExports.jsx(p,{item:n,...i})})]})},T=g.withFormControl(({clearable:s,placeholderElement:o,emptyPlaceholder:i="No options available",loading:x,onContrast:n,options:c,placeholder:R="",selectRef:E,shouldTruncateText:j,size:l="md",...h})=>{const S=n?"onContrast":"default",u=a.useMemo(()=>e.createListCollection({items:c??[],itemToString:r=>typeof r.label=="string"?r.label:r.valueText||"",itemToValue:r=>r.value}),[c]);return e.jsxRuntimeExports.jsxs(t.SelectRoot,{className:"Select","data-testid":"kibble-select",collection:u,size:l,variant:S,...h,children:[e.jsxRuntimeExports.jsx(t.SelectHiddenSelect,{ref:E}),e.jsxRuntimeExports.jsxs(t.SelectControl,{children:[e.jsxRuntimeExports.jsx(C,{placeholder:R,placeholderElement:o,onContrast:!!n,shouldTruncateText:!!j,size:l}),e.jsxRuntimeExports.jsxs(t.SelectIndicatorGroup,{children:[s&&e.jsxRuntimeExports.jsx(t.SelectClearTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(v.Button,{iconName:"close",onContrast:n,size:l==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(b.Icon,{name:"chevronDown",size:l,variant:n?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(e.Portal,{children:e.jsxRuntimeExports.jsx(t.SelectPositioner,{children:e.jsxRuntimeExports.jsx(t.SelectContent,{children:x?e.jsxRuntimeExports.jsx(t.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(f.Spinner,{variant:n?"brandOnContrast":"brand",size:l})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u.items.length?u.items.map(r=>e.jsxRuntimeExports.jsx(t.SelectItem,{item:r,children:e.jsxRuntimeExports.jsx(p,{item:r,onContrast:!!n,shouldTruncateText:!!j,size:l})},r.value)):e.jsxRuntimeExports.jsx(t.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(m.WrappedText,{size:"sm",variant:n?"subtleOnContrast":"subtle",children:i})})})})})})]})}),d=a.forwardRef((s,o)=>e.jsxRuntimeExports.jsx(T,{selectRef:o,...s}));d.displayName="Select";exports.WrappedSelect=d;
+//# sourceMappingURL=select.component-CbIIIuhy.js.map