govuk-chakra 0.0.15 → 0.0.17

package/README.md

@@ -14,6 +14,8 @@ Current Chakra version being used is: **3.34.0**.
 ## Links
 
 - [**Live Demo**](https://gov-uk-gds-react-chakra.vercel.app 'Live demo')
+- [**Sandbox Demo**](https://codesandbox.io/p/devbox/ancient-sunset-cs6k5h 'Sandbox demo')
+
 - [**The npm page**](https://www.npmjs.com/package/govuk-chakra)
 - [**GOV.UK Design System Figma File in Community**](https://www.figma.com/community/file/1550623138170727031/gov-uk-design-system-2025)
 - [**Chakra-UI Library**](https://www.chakra-ui.com/docs/components/concepts/overview)
@@ -23,7 +25,7 @@ Current Chakra version being used is: **3.34.0**.
 
 - A Chakra-based design skin for React applications,
 - A set of GOV.UK-flavoured components such as `GOVUKHeader`, `GOVUKFooter`, `CookieBanner`, `TaskList`, `SummaryList`, and form primitives
-- A reusable Chakra system theme exported as `govUkTheme`
+- A reusable Chakra system theme exported as `govUKTheme`
 - A package that can be published to a package registry and consumed as a library instead of only being run as a local app
 
 ## What This Project Is Not
@@ -212,7 +214,7 @@ export function ExamplePage() {
   Chakra UI passthrough plus the shared GOV.UK provider and theme exports
 
 - `govuk-chakra/theme`
-  Lightweight theme-only entry for `govUkTheme`
+  Lightweight theme-only entry for `govUKTheme`
 
 - `govuk-chakra/provider`
   Lightweight provider entry for `GOVUKProvider`
@@ -237,11 +239,11 @@ If you want direct access to the Chakra system rather than the convenience provi
 
 ```tsx
 import { ChakraProvider } from '@chakra-ui/react'
-import { govUkTheme } from 'govuk-chakra/theme'
+import { govUKTheme } from 'govuk-chakra/theme'
 
 export function AppRoot() {
   return (
-    <ChakraProvider value={govUkTheme}>
+    <ChakraProvider value={govUKTheme}>
       <App />
     </ChakraProvider>
   )

package/dist/{Button-CXQWUUx_.js → Button-Bzp4VO4J.js}

@@ -1,2 +1,2 @@
-require(`./iconBase-BVfFpyD6.js`);const e=require(`./px-to-rem-CahZatpE.js`);let t=require(`@chakra-ui/react`),n=require(`react`),r=require(`react/jsx-runtime`);var i={outline:`none`,bgColor:`yellow.500`,color:`grey.950`},a={primary:{bgColor:`green.500`,color:`white`,boxShadow:`0 2px 0 {colors.green.800}`,_hover:{bgColor:`green.700`,color:`white`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},secondary:{color:`grey.900`,bgColor:`grey.50`,_dark:{color:`grey.50`,bgColor:`grey.600`,_hover:{bgColor:`grey.600`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},boxShadow:`0 2px 0 {colors.grey.200}`,_hover:{bgColor:`grey.100`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},error:{bgColor:`border.error`,color:`white`,boxShadow:`0 2px 0 {colors.red.800}`,_hover:{bgColor:`red.700`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},inverse:{bgColor:`bg`,color:`blue.500`,boxShadow:`0 2px 0 {colors.blue.700}`,_dark:{bgColor:`blue.900`,color:`blue.50`,_hover:{color:`blue.50`,bgColor:`blue.800`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},_hover:{color:`blue.700`,bgColor:`blue.100`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},plain:{bgColor:`transparent`,color:`fg`,_dark:{_hover:{color:`grey.50`,bgColor:`grey.800`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},_hover:{color:`grey.700`,bgColor:`grey.100`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},link:{bgColor:`transparent`,color:`blue.500`,textDecoration:`underline`,boxShadow:`none`,_hover:{color:`blue.700`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i}},o=(0,n.forwardRef)(({variant:n=`primary`,children:i,startButton:o,...s},c)=>(0,r.jsxs)(t.Button,{ref:c,borderRadius:`0`,fontSize:`1.1875rem`,bg:`green.500`,color:`white`,boxShadow:`0 2px 0 {colors.green.900}`,fontFamily:`body`,fontWeight:o?`bold`:`normal`,padding:`${e.o(8)} ${e.o(10)} ${e.o(7)}`,...a[n],...s,children:[i,o&&(0,r.jsx)(`svg`,{className:`govuk-button__start-icon`,xmlns:`http://www.w3.org/2000/svg`,width:`17.5`,height:`19`,viewBox:`0 0 33 40`,"aria-hidden":`true`,focusable:`false`,children:(0,r.jsx)(`path`,{fill:`currentColor`,d:`M0 0h13l20 20-20 20H0l20-20z`})})]}));o.displayName=`Button`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=Button-CXQWUUx_.js.map
+require(`./iconBase-BVfFpyD6.js`);const e=require(`./px-to-rem-kQOjVfEt.js`);let t=require(`@chakra-ui/react`),n=require(`react/jsx-runtime`),r=require(`react`);var i={outline:`none`,bgColor:`yellow.500`,color:`gray.950`},a={primary:{bgColor:`green.500`,color:`white`,boxShadow:`0 2px 0 {colors.green.800}`,_hover:{bgColor:`green.700`,color:`white`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},secondary:{color:`gray.900`,bgColor:`gray.50`,_dark:{color:`gray.50`,bgColor:`gray.600`,_hover:{bgColor:`gray.600`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},boxShadow:`0 2px 0 {colors.gray.200}`,_hover:{bgColor:`gray.100`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},error:{bgColor:`border.error`,color:`white`,boxShadow:`0 2px 0 {colors.red.800}`,_hover:{bgColor:`red.700`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},inverse:{bgColor:`bg`,color:`blue.500`,boxShadow:`0 2px 0 {colors.blue.700}`,_dark:{bgColor:`blue.900`,color:`blue.50`,_hover:{color:`blue.50`,bgColor:`blue.800`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},_hover:{color:`blue.700`,bgColor:`blue.100`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},plain:{bgColor:`transparent`,color:`fg`,_dark:{_hover:{color:`gray.50`,bgColor:`gray.800`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},_hover:{color:`gray.700`,bgColor:`gray.100`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i},link:{bgColor:`transparent`,color:`blue.500`,textDecoration:`underline`,boxShadow:`none`,_hover:{color:`blue.700`,_focus:i,_focusVisible:i},_focus:i,_focusVisible:i}},o=(0,r.forwardRef)(({variant:r=`primary`,children:i,startButton:o,...s},c)=>(0,n.jsxs)(t.Button,{ref:c,borderRadius:`0`,fontSize:`1.1875rem`,bg:`green.500`,color:`white`,boxShadow:`0 2px 0 {colors.green.900}`,fontFamily:`body`,fontWeight:o?`bold`:`normal`,padding:`${e.o(8)} ${e.o(10)} ${e.o(7)}`,...a[r],...s,children:[i,o&&(0,n.jsx)(`svg`,{className:`govuk-button__start-icon`,xmlns:`http://www.w3.org/2000/svg`,width:`17.5`,height:`19`,viewBox:`0 0 33 40`,"aria-hidden":`true`,focusable:`false`,children:(0,n.jsx)(`path`,{fill:`currentColor`,d:`M0 0h13l20 20-20 20H0l20-20z`})})]}));o.displayName=`Button`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=Button-Bzp4VO4J.js.map

package/dist/{Button-CXQWUUx_.js.map → Button-Bzp4VO4J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-CXQWUUx_.js","names":[],"sources":["../src/components/Button/buttonVariants.ts","../src/components/Button/Button.tsx"],"sourcesContent":["import type { SystemStyleObject } from '@chakra-ui/react'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'plain' | 'error' | 'inverse' | 'link'\n\nexport const buttonFocusStyles: SystemStyleObject = {\n  outline: 'none',\n  bgColor: 'yellow.500',\n  color: 'grey.950',\n}\n\nexport const buttonVariantStyles: Record<ButtonVariant, SystemStyleObject> = {\n  primary: {\n    bgColor: 'green.500',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.green.800}',\n    _hover: {\n      bgColor: 'green.700',\n      color: 'white',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  secondary: {\n    color: 'grey.900',\n    bgColor: 'grey.50',\n    _dark: {\n      color: 'grey.50',\n      bgColor: 'grey.600',\n      _hover: {\n        bgColor: 'grey.600',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    boxShadow: '0 2px 0 {colors.grey.200}',\n    _hover: {\n      bgColor: 'grey.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  error: {\n    bgColor: 'border.error',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.red.800}',\n    _hover: {\n      bgColor: 'red.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  inverse: {\n    bgColor: 'bg',\n    color: 'blue.500',\n    boxShadow: '0 2px 0 {colors.blue.700}',\n    _dark: {\n      bgColor: 'blue.900',\n      color: 'blue.50',\n      _hover: {\n        color: 'blue.50',\n        bgColor: 'blue.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'blue.700',\n      bgColor: 'blue.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  plain: {\n    bgColor: 'transparent',\n    color: 'fg',\n    _dark: {\n      _hover: {\n        color: 'grey.50',\n        bgColor: 'grey.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'grey.700',\n      bgColor: 'grey.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  link: {\n    bgColor: 'transparent',\n    color: 'blue.500',\n    textDecoration: 'underline',\n    boxShadow: 'none',\n    _hover: {\n      color: 'blue.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n}\n","import { Button as ChakraButton, type ButtonProps as ChakraButtonProps } from '@chakra-ui/react'\n\nimport { forwardRef } from 'react'\nimport { pxToRem } from '@/utils'\nimport { buttonVariantStyles, type ButtonVariant } from './buttonVariants'\n\nexport interface ButtonProps extends Omit<ChakraButtonProps, 'variant'> {\n  variant?: ButtonVariant\n  startButton?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = 'primary', children, startButton, ...props }, ref) => {\n    return (\n      <ChakraButton\n        ref={ref}\n        borderRadius=\"0\"\n        fontSize=\"1.1875rem\"\n        bg=\"green.500\"\n        color=\"white\"\n        boxShadow=\"0 2px 0 {colors.green.900}\"\n        fontFamily=\"body\"\n        fontWeight={startButton ? 'bold' : 'normal'}\n        padding={`${pxToRem(8)} ${pxToRem(10)} ${pxToRem(7)}`}\n        {...buttonVariantStyles[variant]}\n        {...props}\n      >\n        {children}\n        {startButton && (\n          <svg\n            className=\"govuk-button__start-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"17.5\"\n            height=\"19\"\n            viewBox=\"0 0 33 40\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"></path>\n          </svg>\n        )}\n      </ChakraButton>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"mappings":"iKAIA,IAAa,EAAuC,CAClD,QAAS,OACT,QAAS,aACT,MAAO,WACR,CAEY,EAAgE,CAC3E,QAAS,CACP,QAAS,YACT,MAAO,QACP,UAAW,6BACX,OAAQ,CACN,QAAS,YACT,MAAO,QACP,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,UAAW,CACT,MAAO,WACP,QAAS,UACT,MAAO,CACL,MAAO,UACP,QAAS,WACT,OAAQ,CACN,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,UAAW,4BACX,OAAQ,CACN,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,MAAO,CACL,QAAS,eACT,MAAO,QACP,UAAW,2BACX,OAAQ,CACN,QAAS,UACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,QAAS,CACP,QAAS,KACT,MAAO,WACP,UAAW,4BACX,MAAO,CACL,QAAS,WACT,MAAO,UACP,OAAQ,CACN,MAAO,UACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,CACN,MAAO,WACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,MAAO,CACL,QAAS,cACT,MAAO,KACP,MAAO,CACL,OAAQ,CACN,MAAO,UACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,CACN,MAAO,WACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,KAAM,CACJ,QAAS,cACT,MAAO,WACP,eAAgB,YAChB,UAAW,OACX,OAAQ,CACN,MAAO,WACP,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACF,CC5GY,GAAA,EAAA,EAAA,aACV,CAAE,UAAU,UAAW,WAAU,cAAa,GAAG,GAAS,KAEvD,EAAA,EAAA,MAAC,EAAA,OAAD,CACO,MACL,aAAa,IACb,SAAS,YACT,GAAG,YACH,MAAM,QACN,UAAU,6BACV,WAAW,OACX,WAAY,EAAc,OAAS,SACnC,QAAS,GAAG,EAAA,EAAQ,EAAE,CAAC,GAAG,EAAA,EAAQ,GAAG,CAAC,GAAG,EAAA,EAAQ,EAAE,GACnD,GAAI,EAAoB,GACxB,GAAI,WAXN,CAaG,EACA,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,2BACV,MAAM,6BACN,MAAM,OACN,OAAO,KACP,QAAQ,YACR,cAAY,OACZ,UAAU,kBAEV,EAAA,EAAA,KAAC,OAAD,CAAM,KAAK,eAAe,EAAE,+BAAsC,CAAA,CAC9D,CAAA,CAEK,GAGpB,CAED,EAAO,YAAc"}
+{"version":3,"file":"Button-Bzp4VO4J.js","names":[],"sources":["../src/components/Button/buttonVariants.ts","../src/components/Button/Button.tsx"],"sourcesContent":["import type { SystemStyleObject } from '@chakra-ui/react'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'plain' | 'error' | 'inverse' | 'link'\n\nexport const buttonFocusStyles: SystemStyleObject = {\n  outline: 'none',\n  bgColor: 'yellow.500',\n  color: 'gray.950',\n}\n\nexport const buttonVariantStyles: Record<ButtonVariant, SystemStyleObject> = {\n  primary: {\n    bgColor: 'green.500',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.green.800}',\n    _hover: {\n      bgColor: 'green.700',\n      color: 'white',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  secondary: {\n    color: 'gray.900',\n    bgColor: 'gray.50',\n    _dark: {\n      color: 'gray.50',\n      bgColor: 'gray.600',\n      _hover: {\n        bgColor: 'gray.600',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    boxShadow: '0 2px 0 {colors.gray.200}',\n    _hover: {\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  error: {\n    bgColor: 'border.error',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.red.800}',\n    _hover: {\n      bgColor: 'red.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  inverse: {\n    bgColor: 'bg',\n    color: 'blue.500',\n    boxShadow: '0 2px 0 {colors.blue.700}',\n    _dark: {\n      bgColor: 'blue.900',\n      color: 'blue.50',\n      _hover: {\n        color: 'blue.50',\n        bgColor: 'blue.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'blue.700',\n      bgColor: 'blue.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  plain: {\n    bgColor: 'transparent',\n    color: 'fg',\n    _dark: {\n      _hover: {\n        color: 'gray.50',\n        bgColor: 'gray.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'gray.700',\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  link: {\n    bgColor: 'transparent',\n    color: 'blue.500',\n    textDecoration: 'underline',\n    boxShadow: 'none',\n    _hover: {\n      color: 'blue.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n}\n","import { Button as ChakraButton, type ButtonProps as ChakraButtonProps } from '@chakra-ui/react'\n\nimport { forwardRef } from 'react'\nimport { pxToRem } from '@/utils'\nimport { buttonVariantStyles, type ButtonVariant } from './buttonVariants'\n\nexport interface ButtonProps extends Omit<ChakraButtonProps, 'variant'> {\n  variant?: ButtonVariant\n  startButton?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = 'primary', children, startButton, ...props }, ref) => {\n    return (\n      <ChakraButton\n        ref={ref}\n        borderRadius=\"0\"\n        fontSize=\"1.1875rem\"\n        bg=\"green.500\"\n        color=\"white\"\n        boxShadow=\"0 2px 0 {colors.green.900}\"\n        fontFamily=\"body\"\n        fontWeight={startButton ? 'bold' : 'normal'}\n        padding={`${pxToRem(8)} ${pxToRem(10)} ${pxToRem(7)}`}\n        {...buttonVariantStyles[variant]}\n        {...props}\n      >\n        {children}\n        {startButton && (\n          <svg\n            className=\"govuk-button__start-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"17.5\"\n            height=\"19\"\n            viewBox=\"0 0 33 40\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"></path>\n          </svg>\n        )}\n      </ChakraButton>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"mappings":"iKAIA,IAAa,EAAuC,CAClD,QAAS,OACT,QAAS,aACT,MAAO,WACR,CAEY,EAAgE,CAC3E,QAAS,CACP,QAAS,YACT,MAAO,QACP,UAAW,6BACX,OAAQ,CACN,QAAS,YACT,MAAO,QACP,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,UAAW,CACT,MAAO,WACP,QAAS,UACT,MAAO,CACL,MAAO,UACP,QAAS,WACT,OAAQ,CACN,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,UAAW,4BACX,OAAQ,CACN,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,MAAO,CACL,QAAS,eACT,MAAO,QACP,UAAW,2BACX,OAAQ,CACN,QAAS,UACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,QAAS,CACP,QAAS,KACT,MAAO,WACP,UAAW,4BACX,MAAO,CACL,QAAS,WACT,MAAO,UACP,OAAQ,CACN,MAAO,UACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,CACN,MAAO,WACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,MAAO,CACL,QAAS,cACT,MAAO,KACP,MAAO,CACL,OAAQ,CACN,MAAO,UACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,CACN,MAAO,WACP,QAAS,WACT,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACD,KAAM,CACJ,QAAS,cACT,MAAO,WACP,eAAgB,YAChB,UAAW,OACX,OAAQ,CACN,MAAO,WACP,OAAQ,EACR,cAAe,EAChB,CACD,OAAQ,EACR,cAAe,EAChB,CACF,CC5GY,GAAA,EAAA,EAAA,aACV,CAAE,UAAU,UAAW,WAAU,cAAa,GAAG,GAAS,KAEvD,EAAA,EAAA,MAAC,EAAA,OAAD,CACO,MACL,aAAa,IACb,SAAS,YACT,GAAG,YACH,MAAM,QACN,UAAU,6BACV,WAAW,OACX,WAAY,EAAc,OAAS,SACnC,QAAS,GAAG,EAAA,EAAQ,EAAE,CAAC,GAAG,EAAA,EAAQ,GAAG,CAAC,GAAG,EAAA,EAAQ,EAAE,GACnD,GAAI,EAAoB,GACxB,GAAI,WAXN,CAaG,EACA,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,2BACV,MAAM,6BACN,MAAM,OACN,OAAO,KACP,QAAQ,YACR,cAAY,OACZ,UAAU,kBAEV,EAAA,EAAA,KAAC,OAAD,CAAM,KAAK,eAAe,EAAE,+BAAsC,CAAA,CAC9D,CAAA,CAEK,GAGpB,CAED,EAAO,YAAc"}

package/dist/{Button-DAqN4KBn.mjs → Button-uvb-6FRY.mjs}

@@ -1,12 +1,12 @@
-import { o as e } from "./px-to-rem-B1V8yc0o.mjs";
+import { o as e } from "./px-to-rem-Bun7yTT7.mjs";
 import { Button as t } from "@chakra-ui/react";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
 //#region src/components/Button/buttonVariants.ts
 var a = {
 	outline: "none",
 	bgColor: "yellow.500",
-	color: "grey.950"
+	color: "gray.950"
 }, o = {
 	primary: {
 		bgColor: "green.500",
@@ -22,22 +22,22 @@ var a = {
 		_focusVisible: a
 	},
 	secondary: {
-		color: "grey.900",
-		bgColor: "grey.50",
+		color: "gray.900",
+		bgColor: "gray.50",
 		_dark: {
-			color: "grey.50",
-			bgColor: "grey.600",
+			color: "gray.50",
+			bgColor: "gray.600",
 			_hover: {
-				bgColor: "grey.600",
+				bgColor: "gray.600",
 				_focus: a,
 				_focusVisible: a
 			},
 			_focus: a,
 			_focusVisible: a
 		},
-		boxShadow: "0 2px 0 {colors.grey.200}",
+		boxShadow: "0 2px 0 {colors.gray.200}",
 		_hover: {
-			bgColor: "grey.100",
+			bgColor: "gray.100",
 			_focus: a,
 			_focusVisible: a
 		},
@@ -86,8 +86,8 @@ var a = {
 		color: "fg",
 		_dark: {
 			_hover: {
-				color: "grey.50",
-				bgColor: "grey.800",
+				color: "gray.50",
+				bgColor: "gray.800",
 				_focus: a,
 				_focusVisible: a
 			},
@@ -95,8 +95,8 @@ var a = {
 			_focusVisible: a
 		},
 		_hover: {
-			color: "grey.700",
-			bgColor: "grey.100",
+			color: "gray.700",
+			bgColor: "gray.100",
 			_focus: a,
 			_focusVisible: a
 		},
@@ -116,7 +116,7 @@ var a = {
 		_focus: a,
 		_focusVisible: a
 	}
-}, s = n(({ variant: n = "primary", children: a, startButton: s, ...c }, l) => /* @__PURE__ */ i(t, {
+}, s = i(({ variant: i = "primary", children: a, startButton: s, ...c }, l) => /* @__PURE__ */ r(t, {
 	ref: l,
 	borderRadius: "0",
 	fontSize: "1.1875rem",
@@ -126,9 +126,9 @@ var a = {
 	fontFamily: "body",
 	fontWeight: s ? "bold" : "normal",
 	padding: `${e(8)} ${e(10)} ${e(7)}`,
-	...o[n],
+	...o[i],
 	...c,
-	children: [a, s && /* @__PURE__ */ r("svg", {
+	children: [a, s && /* @__PURE__ */ n("svg", {
 		className: "govuk-button__start-icon",
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "17.5",
@@ -136,7 +136,7 @@ var a = {
 		viewBox: "0 0 33 40",
 		"aria-hidden": "true",
 		focusable: "false",
-		children: /* @__PURE__ */ r("path", {
+		children: /* @__PURE__ */ n("path", {
 			fill: "currentColor",
 			d: "M0 0h13l20 20-20 20H0l20-20z"
 		})
@@ -146,4 +146,4 @@ s.displayName = "Button";
 //#endregion
 export { o as n, s as t };
 
-//# sourceMappingURL=Button-DAqN4KBn.mjs.map
+//# sourceMappingURL=Button-uvb-6FRY.mjs.map

package/dist/{Button-DAqN4KBn.mjs.map → Button-uvb-6FRY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-DAqN4KBn.mjs","names":[],"sources":["../src/components/Button/buttonVariants.ts","../src/components/Button/Button.tsx"],"sourcesContent":["import type { SystemStyleObject } from '@chakra-ui/react'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'plain' | 'error' | 'inverse' | 'link'\n\nexport const buttonFocusStyles: SystemStyleObject = {\n  outline: 'none',\n  bgColor: 'yellow.500',\n  color: 'grey.950',\n}\n\nexport const buttonVariantStyles: Record<ButtonVariant, SystemStyleObject> = {\n  primary: {\n    bgColor: 'green.500',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.green.800}',\n    _hover: {\n      bgColor: 'green.700',\n      color: 'white',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  secondary: {\n    color: 'grey.900',\n    bgColor: 'grey.50',\n    _dark: {\n      color: 'grey.50',\n      bgColor: 'grey.600',\n      _hover: {\n        bgColor: 'grey.600',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    boxShadow: '0 2px 0 {colors.grey.200}',\n    _hover: {\n      bgColor: 'grey.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  error: {\n    bgColor: 'border.error',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.red.800}',\n    _hover: {\n      bgColor: 'red.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  inverse: {\n    bgColor: 'bg',\n    color: 'blue.500',\n    boxShadow: '0 2px 0 {colors.blue.700}',\n    _dark: {\n      bgColor: 'blue.900',\n      color: 'blue.50',\n      _hover: {\n        color: 'blue.50',\n        bgColor: 'blue.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'blue.700',\n      bgColor: 'blue.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  plain: {\n    bgColor: 'transparent',\n    color: 'fg',\n    _dark: {\n      _hover: {\n        color: 'grey.50',\n        bgColor: 'grey.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'grey.700',\n      bgColor: 'grey.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  link: {\n    bgColor: 'transparent',\n    color: 'blue.500',\n    textDecoration: 'underline',\n    boxShadow: 'none',\n    _hover: {\n      color: 'blue.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n}\n","import { Button as ChakraButton, type ButtonProps as ChakraButtonProps } from '@chakra-ui/react'\n\nimport { forwardRef } from 'react'\nimport { pxToRem } from '@/utils'\nimport { buttonVariantStyles, type ButtonVariant } from './buttonVariants'\n\nexport interface ButtonProps extends Omit<ChakraButtonProps, 'variant'> {\n  variant?: ButtonVariant\n  startButton?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = 'primary', children, startButton, ...props }, ref) => {\n    return (\n      <ChakraButton\n        ref={ref}\n        borderRadius=\"0\"\n        fontSize=\"1.1875rem\"\n        bg=\"green.500\"\n        color=\"white\"\n        boxShadow=\"0 2px 0 {colors.green.900}\"\n        fontFamily=\"body\"\n        fontWeight={startButton ? 'bold' : 'normal'}\n        padding={`${pxToRem(8)} ${pxToRem(10)} ${pxToRem(7)}`}\n        {...buttonVariantStyles[variant]}\n        {...props}\n      >\n        {children}\n        {startButton && (\n          <svg\n            className=\"govuk-button__start-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"17.5\"\n            height=\"19\"\n            viewBox=\"0 0 33 40\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"></path>\n          </svg>\n        )}\n      </ChakraButton>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"mappings":";;;;;AAIA,IAAa,IAAuC;CAClD,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEY,IAAgE;CAC3E,SAAS;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,QAAQ;GACN,SAAS;GACT,OAAO;GACP,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,WAAW;EACT,OAAO;EACP,SAAS;EACT,OAAO;GACL,OAAO;GACP,SAAS;GACT,QAAQ;IACN,SAAS;IACT,QAAQ;IACR,eAAe;IAChB;GACD,QAAQ;GACR,eAAe;GAChB;EACD,WAAW;EACX,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,OAAO;EACL,SAAS;EACT,OAAO;EACP,WAAW;EACX,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,SAAS;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS;IACT,QAAQ;IACR,eAAe;IAChB;GACD,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;GACN,OAAO;GACP,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,OAAO;EACL,SAAS;EACT,OAAO;EACP,OAAO;GACL,QAAQ;IACN,OAAO;IACP,SAAS;IACT,QAAQ;IACR,eAAe;IAChB;GACD,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;GACN,OAAO;GACP,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACP,gBAAgB;EAChB,WAAW;EACX,QAAQ;GACN,OAAO;GACP,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACF,EC5GY,IAAS,GACnB,EAAE,aAAU,WAAW,aAAU,gBAAa,GAAG,KAAS,MAEvD,kBAAC,GAAD;CACO;CACL,cAAa;CACb,UAAS;CACT,IAAG;CACH,OAAM;CACN,WAAU;CACV,YAAW;CACX,YAAY,IAAc,SAAS;CACnC,SAAS,GAAG,EAAQ,EAAE,CAAC,GAAG,EAAQ,GAAG,CAAC,GAAG,EAAQ,EAAE;CACnD,GAAI,EAAoB;CACxB,GAAI;WAXN,CAaG,GACA,KACC,kBAAC,OAAD;EACE,WAAU;EACV,OAAM;EACN,OAAM;EACN,QAAO;EACP,SAAQ;EACR,eAAY;EACZ,WAAU;YAEV,kBAAC,QAAD;GAAM,MAAK;GAAe,GAAE;GAAsC,CAAA;EAC9D,CAAA,CAEK;GAGpB;AAED,EAAO,cAAc"}
+{"version":3,"file":"Button-uvb-6FRY.mjs","names":[],"sources":["../src/components/Button/buttonVariants.ts","../src/components/Button/Button.tsx"],"sourcesContent":["import type { SystemStyleObject } from '@chakra-ui/react'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'plain' | 'error' | 'inverse' | 'link'\n\nexport const buttonFocusStyles: SystemStyleObject = {\n  outline: 'none',\n  bgColor: 'yellow.500',\n  color: 'gray.950',\n}\n\nexport const buttonVariantStyles: Record<ButtonVariant, SystemStyleObject> = {\n  primary: {\n    bgColor: 'green.500',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.green.800}',\n    _hover: {\n      bgColor: 'green.700',\n      color: 'white',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  secondary: {\n    color: 'gray.900',\n    bgColor: 'gray.50',\n    _dark: {\n      color: 'gray.50',\n      bgColor: 'gray.600',\n      _hover: {\n        bgColor: 'gray.600',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    boxShadow: '0 2px 0 {colors.gray.200}',\n    _hover: {\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  error: {\n    bgColor: 'border.error',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.red.800}',\n    _hover: {\n      bgColor: 'red.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  inverse: {\n    bgColor: 'bg',\n    color: 'blue.500',\n    boxShadow: '0 2px 0 {colors.blue.700}',\n    _dark: {\n      bgColor: 'blue.900',\n      color: 'blue.50',\n      _hover: {\n        color: 'blue.50',\n        bgColor: 'blue.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'blue.700',\n      bgColor: 'blue.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  plain: {\n    bgColor: 'transparent',\n    color: 'fg',\n    _dark: {\n      _hover: {\n        color: 'gray.50',\n        bgColor: 'gray.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'gray.700',\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  link: {\n    bgColor: 'transparent',\n    color: 'blue.500',\n    textDecoration: 'underline',\n    boxShadow: 'none',\n    _hover: {\n      color: 'blue.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n}\n","import { Button as ChakraButton, type ButtonProps as ChakraButtonProps } from '@chakra-ui/react'\n\nimport { forwardRef } from 'react'\nimport { pxToRem } from '@/utils'\nimport { buttonVariantStyles, type ButtonVariant } from './buttonVariants'\n\nexport interface ButtonProps extends Omit<ChakraButtonProps, 'variant'> {\n  variant?: ButtonVariant\n  startButton?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = 'primary', children, startButton, ...props }, ref) => {\n    return (\n      <ChakraButton\n        ref={ref}\n        borderRadius=\"0\"\n        fontSize=\"1.1875rem\"\n        bg=\"green.500\"\n        color=\"white\"\n        boxShadow=\"0 2px 0 {colors.green.900}\"\n        fontFamily=\"body\"\n        fontWeight={startButton ? 'bold' : 'normal'}\n        padding={`${pxToRem(8)} ${pxToRem(10)} ${pxToRem(7)}`}\n        {...buttonVariantStyles[variant]}\n        {...props}\n      >\n        {children}\n        {startButton && (\n          <svg\n            className=\"govuk-button__start-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"17.5\"\n            height=\"19\"\n            viewBox=\"0 0 33 40\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"></path>\n          </svg>\n        )}\n      </ChakraButton>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"mappings":";;;;;AAIA,IAAa,IAAuC;CAClD,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEY,IAAgE;CAC3E,SAAS;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,QAAQ;GACN,SAAS;GACT,OAAO;GACP,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,WAAW;EACT,OAAO;EACP,SAAS;EACT,OAAO;GACL,OAAO;GACP,SAAS;GACT,QAAQ;IACN,SAAS;IACT,QAAQ;IACR,eAAe;IAChB;GACD,QAAQ;GACR,eAAe;GAChB;EACD,WAAW;EACX,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,OAAO;EACL,SAAS;EACT,OAAO;EACP,WAAW;EACX,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,SAAS;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS;IACT,QAAQ;IACR,eAAe;IAChB;GACD,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;GACN,OAAO;GACP,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,OAAO;EACL,SAAS;EACT,OAAO;EACP,OAAO;GACL,QAAQ;IACN,OAAO;IACP,SAAS;IACT,QAAQ;IACR,eAAe;IAChB;GACD,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;GACN,OAAO;GACP,SAAS;GACT,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACP,gBAAgB;EAChB,WAAW;EACX,QAAQ;GACN,OAAO;GACP,QAAQ;GACR,eAAe;GAChB;EACD,QAAQ;EACR,eAAe;EAChB;CACF,EC5GY,IAAS,GACnB,EAAE,aAAU,WAAW,aAAU,gBAAa,GAAG,KAAS,MAEvD,kBAAC,GAAD;CACO;CACL,cAAa;CACb,UAAS;CACT,IAAG;CACH,OAAM;CACN,WAAU;CACV,YAAW;CACX,YAAY,IAAc,SAAS;CACnC,SAAS,GAAG,EAAQ,EAAE,CAAC,GAAG,EAAQ,GAAG,CAAC,GAAG,EAAQ,EAAE;CACnD,GAAI,EAAoB;CACxB,GAAI;WAXN,CAaG,GACA,KACC,kBAAC,OAAD;EACE,WAAU;EACV,OAAM;EACN,OAAM;EACN,QAAO;EACP,SAAQ;EACR,eAAY;EACZ,WAAU;YAEV,kBAAC,QAAD;GAAM,MAAK;GAAe,GAAE;GAAsC,CAAA;EAC9D,CAAA,CAEK;GAGpB;AAED,EAAO,cAAc"}

package/dist/DonutChart-D3Sq34se.js

@@ -0,0 +1,2 @@
+require(`./iconBase-BVfFpyD6.js`);const e=require(`./fonts-CcuQpO84.js`),t=require(`./px-to-rem-kQOjVfEt.js`);let n=require(`@chakra-ui/react`),r=require(`react/jsx-runtime`),i=require(`react`),a=require(`recharts`),o=require(`@chakra-ui/charts`);var s=(0,i.forwardRef)(function({fontSize:e,fontWeight:i=400,...a},o){typeof e==`number`&&!(e in t.a)&&console.warn(`[GOV.UK Text] fontSize={${e}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`);let s=t.t(e);return s?(0,r.jsx)(n.Text,{ref:o,fontSize:{base:s.small.fontSize,md:s.large.fontSize},lineHeight:{base:s.small.lineHeight,md:s.large.lineHeight},fontWeight:i,fontFamily:`body`,...a}):(0,r.jsx)(n.Text,{ref:o,fontSize:e,...a})}),c=(0,i.createContext)(null);function l(){let e=(0,i.useContext)(c);if(!e)throw Error(`Chart components must be rendered inside Chart.Root`);return e}function u(e,t){if(!(!e||!t||typeof e.payload!=`object`||e.payload===null))return e.payload[t]}function d(e){return e==null?``:(0,i.isValidElement)(e)||typeof e==`string`||typeof e==`number`?e:typeof e==`boolean`||typeof e==`bigint`?String(e):Array.isArray(e)?e.join(`, `):String(e)}function f(e){return typeof e!=`string`||e.length===0?e:e.charAt(0).toUpperCase()+e.slice(1)}function p({payload:e,label:t,labelFormatter:i,hideLabel:a,hideIndicator:o,hideSeriesLabel:c,showTotal:p,fitContent:m,nameKey:h,formatter:g,render:_}){let v=l(),y=e?.filter(e=>e.color!==`none`||e.type!==`none`);if(!y?.length)return null;let b=y,x=y[0],S=u(x,h)??t??x?.dataKey??`value`,C=d(i?.(String(S),b)??S),w=y.reduce((e,t)=>typeof t.value==`number`?e+t.value:e,0);return(0,r.jsxs)(n.Stack,{minW:m?void 0:`8rem`,gap:`1`,rounded:`l2`,bg:`bg.panel`,px:`2.5`,py:`1`,textStyle:`xs`,shadow:`md`,children:[a?null:(0,r.jsx)(s,{fontWeight:`medium`,children:C}),(0,r.jsx)(n.Box,{children:y.map((e,t)=>{let i=v.getSeries(e);if(_)return(0,r.jsx)(n.Box,{children:_(e)},t);let a=g?g(e.value,e.name):e.value?.toLocaleString(),[l,u]=Array.isArray(a)?a:[a,f(e.name)];return(0,r.jsxs)(n.Flex,{gap:`1.5`,wrap:`wrap`,align:`center`,children:[o?null:i?.color?(0,r.jsx)(n.Box,{boxSize:`2`,rounded:`full`,bg:v.color(i.color),borderWidth:`1px`,borderColor:`blackAlpha.200`,flexShrink:0}):(0,r.jsx)(n.Box,{boxSize:`2`,rounded:`full`,bg:`border.emphasized`,borderWidth:`1px`,borderColor:`blackAlpha.200`,flexShrink:0}),(0,r.jsxs)(n.HStack,{justify:`space-between`,flex:`1`,children:[c?null:(0,r.jsx)(s,{color:`fg.muted`,children:d(u)}),e.value==null?null:(0,r.jsx)(s,{fontFamily:`mono`,fontWeight:`medium`,fontVariantNumeric:`tabular-nums`,children:d(l)})]})]},t)})}),p?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Separator,{mt:`1`}),(0,r.jsxs)(n.HStack,{gap:`1`,justify:`space-between`,pb:`1`,children:[(0,r.jsx)(n.Span,{color:`fg.muted`,children:`Total`}),(0,r.jsx)(s,{fontFamily:`mono`,fontWeight:`medium`,fontVariantNumeric:`tabular-nums`,children:g?(()=>{let e=g(w,``);return Array.isArray(e)?e[0]:e})():w.toLocaleString()})]})]}):null]})}function m({payload:e,verticalAlign:t=`bottom`,align:i=`center`,title:a,orientation:o,nameKey:c,spacing:p=`3`,interaction:m=`hover`,rootProps:h,itemProps:g,labelProps:_,indicatorProps:v}){let y=l(),b=e?.filter(e=>e.color!==`none`||e.type!==`none`);if(!b?.length)return null;let x=typeof p==`number`?`${p}px`:y.spacing(p);return(0,r.jsxs)(n.Stack,{gap:`1.5`,align:{left:`flex-start`,center:`center`,right:`flex-end`}[i],pt:t===`bottom`?`3`:void 0,pb:t===`top`?`3`:void 0,...h,children:[a?(0,r.jsx)(s,{fontWeight:`medium`,children:a}):null,(0,r.jsx)(n.Flex,{"data-orientation":o,gap:x,direction:{_horizontal:`row`,_vertical:`column`},align:{_horizontal:`center`,_vertical:`flex-start`},flexWrap:`wrap`,children:b.map((e,t)=>{let i=y.getSeries(e),a=i?.name==null?void 0:typeof i.name==`string`?i.name:String(i.name),o=f(u(e,c)??i?.label);return(0,r.jsxs)(n.HStack,{gap:`1.5`,style:{opacity:y.getSeriesOpacity(a,.6)},onClick:()=>{m===`click`&&a&&y.setHighlightedSeries(e=>e===a?null:a)},onMouseEnter:()=>{m===`hover`&&a&&y.setHighlightedSeries(a)},onMouseLeave:()=>{m===`hover`&&a&&y.setHighlightedSeries(null)},...g,children:[i?.icon?i.icon:(0,r.jsx)(n.Box,{boxSize:`2`,rounded:`full`,bg:i?.color?y.color(i.color):`border.emphasized`,borderWidth:`1px`,borderColor:`blackAlpha.200`,flexShrink:0,...v}),(0,r.jsx)(n.Span,{color:`fg.muted`,..._,children:d(o)})]},t)})})]})}function h(e){let{rootProps:t,itemProps:n,labelProps:i,indicatorProps:o,title:s,nameKey:c,interaction:l,spacing:u,payload:d,align:f,verticalAlign:p,layout:h,...g}=e;return(0,r.jsx)(a.Legend,{...g,align:f,verticalAlign:p,layout:h,content:(0,r.jsx)(m,{rootProps:t,itemProps:n,labelProps:i,indicatorProps:o,title:s,nameKey:c,interaction:l,spacing:u,payload:d,align:f,verticalAlign:p,layout:h})})}function g(e){return(0,r.jsx)(a.Tooltip,{...e,content:(0,r.jsx)(p,{...e})})}function _({fontFamily:n=`body`,fontSize:i=16,...a}){let s=t.t(i);if(!s)console.warn(`[GOV.UK Chart] fontSize={${i}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`);else return(0,r.jsx)(c.Provider,{value:a.chart,children:(0,r.jsx)(o.Chart.Root,{fontFamily:n,css:{"& svg.recharts-surface tspan":{fontSize:{base:s.small.fontSize,md:s.large.fontSize},lineHeight:{base:s.small.lineHeight,md:s.large.lineHeight},color:`fg`,fontFamily:e.t.body.value},"& .recharts-tooltip-wrapper":{background:`var(--govuk-colors-bg)`,borderRadius:`var(--govuk-radii-l2)`}},...a})})}var v=Object.assign(_,{...o.Chart,Root:_,Legend:h,LegendContent:m,Tooltip:g,TooltipContent:p});function y({chart:e,chartRootProps:t,...n}){return(0,r.jsx)(v.Root,{chart:e,...t,children:(0,r.jsx)(a.PieChart,{data:e.data,...n})})}var b=Object.assign(y,{Root:y});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=DonutChart-D3Sq34se.js.map

package/dist/{DonutChart-DXLy2EPU.js.map → DonutChart-D3Sq34se.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DonutChart-DXLy2EPU.js","names":[],"sources":["../src/components/Text/Text.tsx","../src/components/Chart/Chart.tsx","../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import { Text as ChakraText, type TextProps as ChakraTextProps } from '@chakra-ui/react'\nimport { forwardRef } from 'react'\nimport { getGovukTypeScale, govukTypeScale, type GovukTypeScalePoint } from '@/utils'\n\nexport interface TextProps extends Omit<ChakraTextProps, 'fontSize' | 'fontWeight'> {\n  fontSize?: GovukTypeScalePoint | ChakraTextProps['fontSize']\n  fontWeight?: ChakraTextProps['fontWeight']\n}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextProps>(function Text(\n  { fontSize, fontWeight = 400, ...props },\n  ref\n) {\n  if (typeof fontSize === 'number' && !(fontSize in govukTypeScale)) {\n    console.warn(\n      `[GOV.UK Text] fontSize={${fontSize}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`\n    )\n  }\n\n  const scale = getGovukTypeScale(fontSize)\n\n  if (scale) {\n    return (\n      <ChakraText\n        ref={ref}\n        fontSize={{ base: scale.small.fontSize, md: scale.large.fontSize }}\n        lineHeight={{ base: scale.small.lineHeight, md: scale.large.lineHeight }}\n        fontWeight={fontWeight}\n        fontFamily=\"body\"\n        {...props}\n      />\n    )\n  }\n\n  return <ChakraText ref={ref} fontSize={fontSize as ChakraTextProps['fontSize']} {...props} />\n})\n","import { Box, Flex, HStack, Separator, Span, Stack } from '@chakra-ui/react'\nimport { fonts } from '@/theme/fonts'\nimport {\n  Chart as ChakraChart,\n  type ChartLegendProps as ChakraChartLegendProps,\n  type ChartTooltipProps as ChakraChartTooltipProps,\n  type UseChartReturn,\n} from '@chakra-ui/charts'\nimport {\n  createContext,\n  isValidElement,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\nimport { Legend as RechartsLegend, Tooltip as RechartsTooltip } from 'recharts'\nimport type { Payload } from 'recharts/types/component/DefaultTooltipContent'\nimport type { TooltipPayloadEntry } from 'recharts/types/state/tooltipSlice'\nimport { getGovukTypeScale } from '@/utils'\nimport { Text } from '../Text'\n\nexport interface ChartRootProps<T> extends Omit<\n  ComponentPropsWithoutRef<typeof ChakraChart.Root>,\n  'chart'\n> {\n  chart: UseChartReturn<T>\n}\n\nexport type ChartRechartsTooltipProps = Omit<\n  ComponentPropsWithoutRef<typeof RechartsTooltip>,\n  'content'\n> &\n  ChakraChartTooltipProps\n\nexport interface ChartLegendContentProps extends ChakraChartLegendProps {\n  rootProps?: ComponentPropsWithoutRef<typeof Stack>\n  itemProps?: ComponentPropsWithoutRef<typeof HStack>\n  labelProps?: ComponentPropsWithoutRef<typeof Span>\n  indicatorProps?: ComponentPropsWithoutRef<typeof Box>\n}\n\nexport type ChartRechartsLegendProps = Omit<\n  ComponentPropsWithoutRef<typeof RechartsLegend>,\n  'content'\n> &\n  ChartLegendContentProps\n\nconst ChartContext = createContext<UseChartReturn<unknown> | null>(null)\n\nfunction useGovukChartContext() {\n  const chart = useContext(ChartContext)\n\n  if (!chart) {\n    throw new Error('Chart components must be rendered inside Chart.Root')\n  }\n\n  return chart\n}\n\nfunction getPayloadProp(item: TooltipPayloadEntry | undefined, key?: string) {\n  if (!item || !key || typeof item.payload !== 'object' || item.payload === null) {\n    return undefined\n  }\n\n  const payload = item.payload as Record<string, unknown>\n  return payload[key]\n}\n\nfunction toRenderableValue(value: unknown): ReactNode {\n  if (value == null) {\n    return ''\n  }\n\n  if (isValidElement(value)) {\n    return value\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return value\n  }\n\n  if (typeof value === 'boolean' || typeof value === 'bigint') {\n    return String(value)\n  }\n\n  if (Array.isArray(value)) {\n    return value.join(', ')\n  }\n\n  return String(value)\n}\n\nfunction capitalizeLabel(value: unknown) {\n  if (typeof value !== 'string' || value.length === 0) {\n    return value\n  }\n\n  return value.charAt(0).toUpperCase() + value.slice(1)\n}\n\nfunction ChartTooltip({\n  payload: payloadProp,\n  label,\n  labelFormatter,\n  hideLabel,\n  hideIndicator,\n  hideSeriesLabel,\n  showTotal,\n  fitContent,\n  nameKey,\n  formatter,\n  render,\n}: ChakraChartTooltipProps) {\n  const chart = useGovukChartContext()\n  const payload = payloadProp?.filter((item) => item.color !== 'none' || item.type !== 'none')\n\n  if (!payload?.length) {\n    return null\n  }\n\n  const callbackPayload = payload as Array<Payload<string | number, string>>\n  const firstItem = payload[0]\n  const rawLabel = getPayloadProp(firstItem, nameKey) ?? label ?? firstItem?.dataKey ?? 'value'\n  const tooltipLabel = toRenderableValue(\n    labelFormatter?.(String(rawLabel), callbackPayload) ?? rawLabel\n  )\n  const total = payload.reduce((sum, item) => {\n    return typeof item.value === 'number' ? sum + item.value : sum\n  }, 0)\n\n  return (\n    <Stack\n      minW={fitContent ? undefined : '8rem'}\n      gap=\"1\"\n      rounded=\"l2\"\n      bg=\"bg.panel\"\n      px=\"2.5\"\n      py=\"1\"\n      textStyle=\"xs\"\n      shadow=\"md\"\n    >\n      {!hideLabel ? <Text fontWeight=\"medium\">{tooltipLabel}</Text> : null}\n      <Box>\n        {payload.map((item, index) => {\n          const config = chart.getSeries(item)\n\n          if (render) {\n            return <Box key={index}>{render(item as Payload<string, string>)}</Box>\n          }\n\n          const formatted = formatter\n            ? formatter(item.value, item.name)\n            : item.value?.toLocaleString()\n          const [formattedValue, formattedName] = Array.isArray(formatted)\n            ? formatted\n            : [formatted, capitalizeLabel(item.name)]\n\n          return (\n            <Flex key={index} gap=\"1.5\" wrap=\"wrap\" align=\"center\">\n              {!hideIndicator ? (\n                config?.color ? (\n                  <Box\n                    boxSize=\"2\"\n                    rounded=\"full\"\n                    bg={chart.color(config.color)}\n                    borderWidth=\"1px\"\n                    borderColor=\"blackAlpha.200\"\n                    flexShrink={0}\n                  />\n                ) : (\n                  <Box\n                    boxSize=\"2\"\n                    rounded=\"full\"\n                    bg=\"border.emphasized\"\n                    borderWidth=\"1px\"\n                    borderColor=\"blackAlpha.200\"\n                    flexShrink={0}\n                  />\n                )\n              ) : null}\n              <HStack justify=\"space-between\" flex=\"1\">\n                {!hideSeriesLabel ? (\n                  <Text color=\"fg.muted\">{toRenderableValue(formattedName)}</Text>\n                ) : null}\n                {item.value != null ? (\n                  <Text fontFamily=\"mono\" fontWeight=\"medium\" fontVariantNumeric=\"tabular-nums\">\n                    {toRenderableValue(formattedValue)}\n                  </Text>\n                ) : null}\n              </HStack>\n            </Flex>\n          )\n        })}\n      </Box>\n      {showTotal ? (\n        <>\n          <Separator mt=\"1\" />\n          <HStack gap=\"1\" justify=\"space-between\" pb=\"1\">\n            <Span color=\"fg.muted\">Total</Span>\n            <Text fontFamily=\"mono\" fontWeight=\"medium\" fontVariantNumeric=\"tabular-nums\">\n              {formatter\n                ? (() => {\n                    const formatted = formatter(total, '')\n                    return Array.isArray(formatted) ? formatted[0] : formatted\n                  })()\n                : total.toLocaleString()}\n            </Text>\n          </HStack>\n        </>\n      ) : null}\n    </Stack>\n  )\n}\n\nfunction ChartLegendContent({\n  payload,\n  verticalAlign = 'bottom',\n  align = 'center',\n  title,\n  orientation,\n  nameKey,\n  spacing = '3',\n  interaction = 'hover',\n  rootProps,\n  itemProps,\n  labelProps,\n  indicatorProps,\n}: ChartLegendContentProps) {\n  const chart = useGovukChartContext()\n  const filteredPayload = payload?.filter((item) => item.color !== 'none' || item.type !== 'none')\n\n  if (!filteredPayload?.length) {\n    return null\n  }\n\n  const spacingValue = typeof spacing === 'number' ? `${spacing}px` : chart.spacing(spacing)\n  const alignMap = {\n    left: 'flex-start',\n    center: 'center',\n    right: 'flex-end',\n  } as const\n\n  return (\n    <Stack\n      gap=\"1.5\"\n      align={alignMap[align]}\n      pt={verticalAlign === 'bottom' ? '3' : undefined}\n      pb={verticalAlign === 'top' ? '3' : undefined}\n      {...rootProps}\n    >\n      {title ? <Text fontWeight=\"medium\">{title}</Text> : null}\n      <Flex\n        data-orientation={orientation}\n        gap={spacingValue}\n        direction={{ _horizontal: 'row', _vertical: 'column' }}\n        align={{ _horizontal: 'center', _vertical: 'flex-start' }}\n        flexWrap=\"wrap\"\n      >\n        {filteredPayload.map((item, index) => {\n          const config = chart.getSeries(item)\n          const seriesName =\n            config?.name == null\n              ? undefined\n              : typeof config.name === 'string'\n                ? config.name\n                : String(config.name)\n          const name = getPayloadProp(item as TooltipPayloadEntry, nameKey)\n          const label = capitalizeLabel(name ?? config?.label)\n\n          return (\n            <HStack\n              key={index}\n              gap=\"1.5\"\n              style={{ opacity: chart.getSeriesOpacity(seriesName, 0.6) }}\n              onClick={() => {\n                if (interaction === 'click' && seriesName) {\n                  chart.setHighlightedSeries((prev) => (prev === seriesName ? null : seriesName))\n                }\n              }}\n              onMouseEnter={() => {\n                if (interaction === 'hover' && seriesName) {\n                  chart.setHighlightedSeries(seriesName)\n                }\n              }}\n              onMouseLeave={() => {\n                if (interaction === 'hover' && seriesName) {\n                  chart.setHighlightedSeries(null)\n                }\n              }}\n              {...itemProps}\n            >\n              {config?.icon ? (\n                config.icon\n              ) : (\n                <Box\n                  boxSize=\"2\"\n                  rounded=\"full\"\n                  bg={config?.color ? chart.color(config.color) : 'border.emphasized'}\n                  borderWidth=\"1px\"\n                  borderColor=\"blackAlpha.200\"\n                  flexShrink={0}\n                  {...indicatorProps}\n                />\n              )}\n              <Span color=\"fg.muted\" {...labelProps}>\n                {toRenderableValue(label)}\n              </Span>\n            </HStack>\n          )\n        })}\n      </Flex>\n    </Stack>\n  )\n}\n\nfunction ChartLegend(props: ChartRechartsLegendProps) {\n  const {\n    rootProps,\n    itemProps,\n    labelProps,\n    indicatorProps,\n    title,\n    nameKey,\n    interaction,\n    spacing,\n    payload,\n    align,\n    verticalAlign,\n    layout,\n    ...legendProps\n  } = props\n\n  return (\n    <RechartsLegend\n      {...legendProps}\n      align={align}\n      verticalAlign={verticalAlign}\n      layout={layout}\n      content={\n        <ChartLegendContent\n          rootProps={rootProps}\n          itemProps={itemProps}\n          labelProps={labelProps}\n          indicatorProps={indicatorProps}\n          title={title}\n          nameKey={nameKey}\n          interaction={interaction}\n          spacing={spacing}\n          payload={payload}\n          align={align}\n          verticalAlign={verticalAlign}\n          layout={layout}\n        />\n      }\n    />\n  )\n}\n\nfunction ChartRechartsTooltip(props: ChartRechartsTooltipProps) {\n  return <RechartsTooltip {...props} content={<ChartTooltip {...props} />} />\n}\n\nfunction ChartRoot<T>({ fontFamily = 'body', fontSize = 16, ...props }: ChartRootProps<T>) {\n  const scale = getGovukTypeScale(fontSize)\n  if (!scale) {\n    console.warn(\n      `[GOV.UK Chart] fontSize={${fontSize}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`\n    )\n  } else {\n    return (\n      <ChartContext.Provider value={props.chart as UseChartReturn<unknown>}>\n        <ChakraChart.Root\n          fontFamily={fontFamily}\n          css={{\n            '& svg.recharts-surface tspan': {\n              fontSize: { base: scale.small.fontSize, md: scale.large.fontSize },\n              lineHeight: { base: scale.small.lineHeight, md: scale.large.lineHeight },\n              color: 'fg',\n              fontFamily: fonts.body.value,\n            },\n            '& .recharts-tooltip-wrapper': {\n              background: 'var(--govuk-colors-bg)',\n              borderRadius: 'var(--govuk-radii-l2)',\n            },\n          }}\n          {...props}\n        />\n      </ChartContext.Provider>\n    )\n  }\n}\n\nexport { ChartRoot }\n\nexport const Chart = Object.assign(ChartRoot, {\n  ...ChakraChart,\n  Root: ChartRoot,\n  Legend: ChartLegend,\n  LegendContent: ChartLegendContent,\n  Tooltip: ChartRechartsTooltip,\n  TooltipContent: ChartTooltip,\n})\n","import type { UseChartReturn } from '@chakra-ui/charts'\nimport { PieChart as ChakraDonutChart } from 'recharts'\nimport type { ComponentPropsWithoutRef } from 'react'\n\nimport { Chart, type ChartRootProps } from '@/components/Chart'\n\nexport interface DonutChartProps<T> extends Omit<\n  ComponentPropsWithoutRef<typeof ChakraDonutChart>,\n  'data'\n> {\n  chart: UseChartReturn<T>\n  chartRootProps?: Omit<ChartRootProps<T>, 'chart' | 'children'>\n}\n\nfunction DonutChartRoot<T>({ chart, chartRootProps, ...props }: DonutChartProps<T>) {\n  return (\n    <Chart.Root chart={chart} {...chartRootProps}>\n      <ChakraDonutChart data={chart.data} {...props} />\n    </Chart.Root>\n  )\n}\n\nexport { DonutChartRoot }\n\nexport const DonutChart = Object.assign(DonutChartRoot, {\n  Root: DonutChartRoot,\n})\n"],"mappings":"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"}
+{"version":3,"file":"DonutChart-D3Sq34se.js","names":[],"sources":["../src/components/Text/Text.tsx","../src/components/Chart/Chart.tsx","../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import { Text as ChakraText, type TextProps as ChakraTextProps } from '@chakra-ui/react'\nimport { forwardRef } from 'react'\nimport { getGovukTypeScale, govukTypeScale, type GovukTypeScalePoint } from '@/utils'\n\nexport interface TextProps extends Omit<ChakraTextProps, 'fontSize' | 'fontWeight'> {\n  fontSize?: GovukTypeScalePoint | ChakraTextProps['fontSize']\n  fontWeight?: ChakraTextProps['fontWeight']\n}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextProps>(function Text(\n  { fontSize, fontWeight = 400, ...props },\n  ref\n) {\n  if (typeof fontSize === 'number' && !(fontSize in govukTypeScale)) {\n    console.warn(\n      `[GOV.UK Text] fontSize={${fontSize}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`\n    )\n  }\n\n  const scale = getGovukTypeScale(fontSize)\n\n  if (scale) {\n    return (\n      <ChakraText\n        ref={ref}\n        fontSize={{ base: scale.small.fontSize, md: scale.large.fontSize }}\n        lineHeight={{ base: scale.small.lineHeight, md: scale.large.lineHeight }}\n        fontWeight={fontWeight}\n        fontFamily=\"body\"\n        {...props}\n      />\n    )\n  }\n\n  return <ChakraText ref={ref} fontSize={fontSize as ChakraTextProps['fontSize']} {...props} />\n})\n","import { Box, Flex, HStack, Separator, Span, Stack } from '@chakra-ui/react'\nimport { fonts } from '@/theme/fonts'\nimport {\n  Chart as ChakraChart,\n  type ChartLegendProps as ChakraChartLegendProps,\n  type ChartTooltipProps as ChakraChartTooltipProps,\n  type UseChartReturn,\n} from '@chakra-ui/charts'\nimport {\n  createContext,\n  isValidElement,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\nimport { Legend as RechartsLegend, Tooltip as RechartsTooltip } from 'recharts'\nimport type { Payload } from 'recharts/types/component/DefaultTooltipContent'\nimport type { TooltipPayloadEntry } from 'recharts/types/state/tooltipSlice'\nimport { getGovukTypeScale } from '@/utils'\nimport { Text } from '../Text'\n\nexport interface ChartRootProps<T> extends Omit<\n  ComponentPropsWithoutRef<typeof ChakraChart.Root>,\n  'chart'\n> {\n  chart: UseChartReturn<T>\n}\n\nexport type ChartRechartsTooltipProps = Omit<\n  ComponentPropsWithoutRef<typeof RechartsTooltip>,\n  'content'\n> &\n  ChakraChartTooltipProps\n\nexport interface ChartLegendContentProps extends ChakraChartLegendProps {\n  rootProps?: ComponentPropsWithoutRef<typeof Stack>\n  itemProps?: ComponentPropsWithoutRef<typeof HStack>\n  labelProps?: ComponentPropsWithoutRef<typeof Span>\n  indicatorProps?: ComponentPropsWithoutRef<typeof Box>\n}\n\nexport type ChartRechartsLegendProps = Omit<\n  ComponentPropsWithoutRef<typeof RechartsLegend>,\n  'content'\n> &\n  ChartLegendContentProps\n\nconst ChartContext = createContext<UseChartReturn<unknown> | null>(null)\n\nfunction useGovukChartContext() {\n  const chart = useContext(ChartContext)\n\n  if (!chart) {\n    throw new Error('Chart components must be rendered inside Chart.Root')\n  }\n\n  return chart\n}\n\nfunction getPayloadProp(item: TooltipPayloadEntry | undefined, key?: string) {\n  if (!item || !key || typeof item.payload !== 'object' || item.payload === null) {\n    return undefined\n  }\n\n  const payload = item.payload as Record<string, unknown>\n  return payload[key]\n}\n\nfunction toRenderableValue(value: unknown): ReactNode {\n  if (value == null) {\n    return ''\n  }\n\n  if (isValidElement(value)) {\n    return value\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return value\n  }\n\n  if (typeof value === 'boolean' || typeof value === 'bigint') {\n    return String(value)\n  }\n\n  if (Array.isArray(value)) {\n    return value.join(', ')\n  }\n\n  return String(value)\n}\n\nfunction capitalizeLabel(value: unknown) {\n  if (typeof value !== 'string' || value.length === 0) {\n    return value\n  }\n\n  return value.charAt(0).toUpperCase() + value.slice(1)\n}\n\nfunction ChartTooltip({\n  payload: payloadProp,\n  label,\n  labelFormatter,\n  hideLabel,\n  hideIndicator,\n  hideSeriesLabel,\n  showTotal,\n  fitContent,\n  nameKey,\n  formatter,\n  render,\n}: ChakraChartTooltipProps) {\n  const chart = useGovukChartContext()\n  const payload = payloadProp?.filter((item) => item.color !== 'none' || item.type !== 'none')\n\n  if (!payload?.length) {\n    return null\n  }\n\n  const callbackPayload = payload as Array<Payload<string | number, string>>\n  const firstItem = payload[0]\n  const rawLabel = getPayloadProp(firstItem, nameKey) ?? label ?? firstItem?.dataKey ?? 'value'\n  const tooltipLabel = toRenderableValue(\n    labelFormatter?.(String(rawLabel), callbackPayload) ?? rawLabel\n  )\n  const total = payload.reduce((sum, item) => {\n    return typeof item.value === 'number' ? sum + item.value : sum\n  }, 0)\n\n  return (\n    <Stack\n      minW={fitContent ? undefined : '8rem'}\n      gap=\"1\"\n      rounded=\"l2\"\n      bg=\"bg.panel\"\n      px=\"2.5\"\n      py=\"1\"\n      textStyle=\"xs\"\n      shadow=\"md\"\n    >\n      {!hideLabel ? <Text fontWeight=\"medium\">{tooltipLabel}</Text> : null}\n      <Box>\n        {payload.map((item, index) => {\n          const config = chart.getSeries(item)\n\n          if (render) {\n            return <Box key={index}>{render(item as Payload<string, string>)}</Box>\n          }\n\n          const formatted = formatter\n            ? formatter(item.value, item.name)\n            : item.value?.toLocaleString()\n          const [formattedValue, formattedName] = Array.isArray(formatted)\n            ? formatted\n            : [formatted, capitalizeLabel(item.name)]\n\n          return (\n            <Flex key={index} gap=\"1.5\" wrap=\"wrap\" align=\"center\">\n              {!hideIndicator ? (\n                config?.color ? (\n                  <Box\n                    boxSize=\"2\"\n                    rounded=\"full\"\n                    bg={chart.color(config.color)}\n                    borderWidth=\"1px\"\n                    borderColor=\"blackAlpha.200\"\n                    flexShrink={0}\n                  />\n                ) : (\n                  <Box\n                    boxSize=\"2\"\n                    rounded=\"full\"\n                    bg=\"border.emphasized\"\n                    borderWidth=\"1px\"\n                    borderColor=\"blackAlpha.200\"\n                    flexShrink={0}\n                  />\n                )\n              ) : null}\n              <HStack justify=\"space-between\" flex=\"1\">\n                {!hideSeriesLabel ? (\n                  <Text color=\"fg.muted\">{toRenderableValue(formattedName)}</Text>\n                ) : null}\n                {item.value != null ? (\n                  <Text fontFamily=\"mono\" fontWeight=\"medium\" fontVariantNumeric=\"tabular-nums\">\n                    {toRenderableValue(formattedValue)}\n                  </Text>\n                ) : null}\n              </HStack>\n            </Flex>\n          )\n        })}\n      </Box>\n      {showTotal ? (\n        <>\n          <Separator mt=\"1\" />\n          <HStack gap=\"1\" justify=\"space-between\" pb=\"1\">\n            <Span color=\"fg.muted\">Total</Span>\n            <Text fontFamily=\"mono\" fontWeight=\"medium\" fontVariantNumeric=\"tabular-nums\">\n              {formatter\n                ? (() => {\n                    const formatted = formatter(total, '')\n                    return Array.isArray(formatted) ? formatted[0] : formatted\n                  })()\n                : total.toLocaleString()}\n            </Text>\n          </HStack>\n        </>\n      ) : null}\n    </Stack>\n  )\n}\n\nfunction ChartLegendContent({\n  payload,\n  verticalAlign = 'bottom',\n  align = 'center',\n  title,\n  orientation,\n  nameKey,\n  spacing = '3',\n  interaction = 'hover',\n  rootProps,\n  itemProps,\n  labelProps,\n  indicatorProps,\n}: ChartLegendContentProps) {\n  const chart = useGovukChartContext()\n  const filteredPayload = payload?.filter((item) => item.color !== 'none' || item.type !== 'none')\n\n  if (!filteredPayload?.length) {\n    return null\n  }\n\n  const spacingValue = typeof spacing === 'number' ? `${spacing}px` : chart.spacing(spacing)\n  const alignMap = {\n    left: 'flex-start',\n    center: 'center',\n    right: 'flex-end',\n  } as const\n\n  return (\n    <Stack\n      gap=\"1.5\"\n      align={alignMap[align]}\n      pt={verticalAlign === 'bottom' ? '3' : undefined}\n      pb={verticalAlign === 'top' ? '3' : undefined}\n      {...rootProps}\n    >\n      {title ? <Text fontWeight=\"medium\">{title}</Text> : null}\n      <Flex\n        data-orientation={orientation}\n        gap={spacingValue}\n        direction={{ _horizontal: 'row', _vertical: 'column' }}\n        align={{ _horizontal: 'center', _vertical: 'flex-start' }}\n        flexWrap=\"wrap\"\n      >\n        {filteredPayload.map((item, index) => {\n          const config = chart.getSeries(item)\n          const seriesName =\n            config?.name == null\n              ? undefined\n              : typeof config.name === 'string'\n                ? config.name\n                : String(config.name)\n          const name = getPayloadProp(item as TooltipPayloadEntry, nameKey)\n          const label = capitalizeLabel(name ?? config?.label)\n\n          return (\n            <HStack\n              key={index}\n              gap=\"1.5\"\n              style={{ opacity: chart.getSeriesOpacity(seriesName, 0.6) }}\n              onClick={() => {\n                if (interaction === 'click' && seriesName) {\n                  chart.setHighlightedSeries((prev) => (prev === seriesName ? null : seriesName))\n                }\n              }}\n              onMouseEnter={() => {\n                if (interaction === 'hover' && seriesName) {\n                  chart.setHighlightedSeries(seriesName)\n                }\n              }}\n              onMouseLeave={() => {\n                if (interaction === 'hover' && seriesName) {\n                  chart.setHighlightedSeries(null)\n                }\n              }}\n              {...itemProps}\n            >\n              {config?.icon ? (\n                config.icon\n              ) : (\n                <Box\n                  boxSize=\"2\"\n                  rounded=\"full\"\n                  bg={config?.color ? chart.color(config.color) : 'border.emphasized'}\n                  borderWidth=\"1px\"\n                  borderColor=\"blackAlpha.200\"\n                  flexShrink={0}\n                  {...indicatorProps}\n                />\n              )}\n              <Span color=\"fg.muted\" {...labelProps}>\n                {toRenderableValue(label)}\n              </Span>\n            </HStack>\n          )\n        })}\n      </Flex>\n    </Stack>\n  )\n}\n\nfunction ChartLegend(props: ChartRechartsLegendProps) {\n  const {\n    rootProps,\n    itemProps,\n    labelProps,\n    indicatorProps,\n    title,\n    nameKey,\n    interaction,\n    spacing,\n    payload,\n    align,\n    verticalAlign,\n    layout,\n    ...legendProps\n  } = props\n\n  return (\n    <RechartsLegend\n      {...legendProps}\n      align={align}\n      verticalAlign={verticalAlign}\n      layout={layout}\n      content={\n        <ChartLegendContent\n          rootProps={rootProps}\n          itemProps={itemProps}\n          labelProps={labelProps}\n          indicatorProps={indicatorProps}\n          title={title}\n          nameKey={nameKey}\n          interaction={interaction}\n          spacing={spacing}\n          payload={payload}\n          align={align}\n          verticalAlign={verticalAlign}\n          layout={layout}\n        />\n      }\n    />\n  )\n}\n\nfunction ChartRechartsTooltip(props: ChartRechartsTooltipProps) {\n  return <RechartsTooltip {...props} content={<ChartTooltip {...props} />} />\n}\n\nfunction ChartRoot<T>({ fontFamily = 'body', fontSize = 16, ...props }: ChartRootProps<T>) {\n  const scale = getGovukTypeScale(fontSize)\n  if (!scale) {\n    console.warn(\n      `[GOV.UK Chart] fontSize={${fontSize}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`\n    )\n  } else {\n    return (\n      <ChartContext.Provider value={props.chart as UseChartReturn<unknown>}>\n        <ChakraChart.Root\n          fontFamily={fontFamily}\n          css={{\n            '& svg.recharts-surface tspan': {\n              fontSize: { base: scale.small.fontSize, md: scale.large.fontSize },\n              lineHeight: { base: scale.small.lineHeight, md: scale.large.lineHeight },\n              color: 'fg',\n              fontFamily: fonts.body.value,\n            },\n            '& .recharts-tooltip-wrapper': {\n              background: 'var(--govuk-colors-bg)',\n              borderRadius: 'var(--govuk-radii-l2)',\n            },\n          }}\n          {...props}\n        />\n      </ChartContext.Provider>\n    )\n  }\n}\n\nexport { ChartRoot }\n\nexport const Chart = Object.assign(ChartRoot, {\n  ...ChakraChart,\n  Root: ChartRoot,\n  Legend: ChartLegend,\n  LegendContent: ChartLegendContent,\n  Tooltip: ChartRechartsTooltip,\n  TooltipContent: ChartTooltip,\n})\n","import type { UseChartReturn } from '@chakra-ui/charts'\nimport { PieChart as ChakraDonutChart } from 'recharts'\nimport type { ComponentPropsWithoutRef } from 'react'\n\nimport { Chart, type ChartRootProps } from '@/components/Chart'\n\nexport interface DonutChartProps<T> extends Omit<\n  ComponentPropsWithoutRef<typeof ChakraDonutChart>,\n  'data'\n> {\n  chart: UseChartReturn<T>\n  chartRootProps?: Omit<ChartRootProps<T>, 'chart' | 'children'>\n}\n\nfunction DonutChartRoot<T>({ chart, chartRootProps, ...props }: DonutChartProps<T>) {\n  return (\n    <Chart.Root chart={chart} {...chartRootProps}>\n      <ChakraDonutChart data={chart.data} {...props} />\n    </Chart.Root>\n  )\n}\n\nexport { DonutChartRoot }\n\nexport const DonutChart = Object.assign(DonutChartRoot, {\n  Root: DonutChartRoot,\n})\n"],"mappings":"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"}

package/dist/{DonutChart-s0i7PCWM.mjs → DonutChart-XZvUd_OH.mjs}

@@ -1,15 +1,15 @@
-import { t as e } from "./fonts-ov_EiRYw.mjs";
-import { a as t, t as n } from "./px-to-rem-B1V8yc0o.mjs";
+import { t as e } from "./fonts-CwkXY-dR.mjs";
+import { a as t, t as n } from "./px-to-rem-Bun7yTT7.mjs";
 import { Box as r, Flex as i, HStack as a, Separator as o, Span as s, Stack as c, Text as l } from "@chakra-ui/react";
-import { createContext as u, forwardRef as d, isValidElement as f, useContext as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createContext as p, forwardRef as m, isValidElement as h, useContext as g } from "react";
 import { Legend as _, PieChart as v, Tooltip as y } from "recharts";
 import { Chart as b } from "@chakra-ui/charts";
 //#region src/components/Text/Text.tsx
-var x = d(function({ fontSize: e, fontWeight: r = 400, ...i }, a) {
+var x = m(function({ fontSize: e, fontWeight: r = 400, ...i }, a) {
 	typeof e == "number" && !(e in t) && console.warn(`[GOV.UK Text] fontSize={${e}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`);
 	let o = n(e);
-	return o ? /* @__PURE__ */ h(l, {
+	return o ? /* @__PURE__ */ d(l, {
 		ref: a,
 		fontSize: {
 			base: o.small.fontSize,
@@ -22,14 +22,14 @@ var x = d(function({ fontSize: e, fontWeight: r = 400, ...i }, a) {
 		fontWeight: r,
 		fontFamily: "body",
 		...i
-	}) : /* @__PURE__ */ h(l, {
+	}) : /* @__PURE__ */ d(l, {
 		ref: a,
 		fontSize: e,
 		...i
 	});
-}), S = u(null);
+}), S = p(null);
 function C() {
-	let e = p(S);
+	let e = g(S);
 	if (!e) throw Error("Chart components must be rendered inside Chart.Root");
 	return e;
 }
@@ -37,17 +37,17 @@ function w(e, t) {
 	if (!(!e || !t || typeof e.payload != "object" || e.payload === null)) return e.payload[t];
 }
 function T(e) {
-	return e == null ? "" : f(e) || typeof e == "string" || typeof e == "number" ? e : typeof e == "boolean" || typeof e == "bigint" ? String(e) : Array.isArray(e) ? e.join(", ") : String(e);
+	return e == null ? "" : h(e) || typeof e == "string" || typeof e == "number" ? e : typeof e == "boolean" || typeof e == "bigint" ? String(e) : Array.isArray(e) ? e.join(", ") : String(e);
 }
 function E(e) {
 	return typeof e != "string" || e.length === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1);
 }
-function D({ payload: e, label: t, labelFormatter: n, hideLabel: l, hideIndicator: u, hideSeriesLabel: d, showTotal: f, fitContent: p, nameKey: _, formatter: v, render: y }) {
+function D({ payload: e, label: t, labelFormatter: n, hideLabel: l, hideIndicator: p, hideSeriesLabel: m, showTotal: h, fitContent: g, nameKey: _, formatter: v, render: y }) {
 	let b = C(), S = e?.filter((e) => e.color !== "none" || e.type !== "none");
 	if (!S?.length) return null;
 	let D = S, O = S[0], k = w(O, _) ?? t ?? O?.dataKey ?? "value", A = T(n?.(String(k), D) ?? k), j = S.reduce((e, t) => typeof t.value == "number" ? e + t.value : e, 0);
-	return /* @__PURE__ */ g(c, {
-		minW: p ? void 0 : "8rem",
+	return /* @__PURE__ */ f(c, {
+		minW: g ? void 0 : "8rem",
 		gap: "1",
 		rounded: "l2",
 		bg: "bg.panel",
@@ -56,39 +56,39 @@ function D({ payload: e, label: t, labelFormatter: n, hideLabel: l, hideIndicato
 		textStyle: "xs",
 		shadow: "md",
 		children: [
-			l ? null : /* @__PURE__ */ h(x, {
+			l ? null : /* @__PURE__ */ d(x, {
 				fontWeight: "medium",
 				children: A
 			}),
-			/* @__PURE__ */ h(r, { children: S.map((e, t) => {
+			/* @__PURE__ */ d(r, { children: S.map((e, t) => {
 				let n = b.getSeries(e);
-				if (y) return /* @__PURE__ */ h(r, { children: y(e) }, t);
+				if (y) return /* @__PURE__ */ d(r, { children: y(e) }, t);
 				let o = v ? v(e.value, e.name) : e.value?.toLocaleString(), [s, c] = Array.isArray(o) ? o : [o, E(e.name)];
-				return /* @__PURE__ */ g(i, {
+				return /* @__PURE__ */ f(i, {
 					gap: "1.5",
 					wrap: "wrap",
 					align: "center",
-					children: [u ? null : n?.color ? /* @__PURE__ */ h(r, {
+					children: [p ? null : n?.color ? /* @__PURE__ */ d(r, {
 						boxSize: "2",
 						rounded: "full",
 						bg: b.color(n.color),
 						borderWidth: "1px",
 						borderColor: "blackAlpha.200",
 						flexShrink: 0
-					}) : /* @__PURE__ */ h(r, {
+					}) : /* @__PURE__ */ d(r, {
 						boxSize: "2",
 						rounded: "full",
 						bg: "border.emphasized",
 						borderWidth: "1px",
 						borderColor: "blackAlpha.200",
 						flexShrink: 0
-					}), /* @__PURE__ */ g(a, {
+					}), /* @__PURE__ */ f(a, {
 						justify: "space-between",
 						flex: "1",
-						children: [d ? null : /* @__PURE__ */ h(x, {
+						children: [m ? null : /* @__PURE__ */ d(x, {
 							color: "fg.muted",
 							children: T(c)
-						}), e.value == null ? null : /* @__PURE__ */ h(x, {
+						}), e.value == null ? null : /* @__PURE__ */ d(x, {
 							fontFamily: "mono",
 							fontWeight: "medium",
 							fontVariantNumeric: "tabular-nums",
@@ -97,14 +97,14 @@ function D({ payload: e, label: t, labelFormatter: n, hideLabel: l, hideIndicato
 					})]
 				}, t);
 			}) }),
-			f ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(o, { mt: "1" }), /* @__PURE__ */ g(a, {
+			h ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(o, { mt: "1" }), /* @__PURE__ */ f(a, {
 				gap: "1",
 				justify: "space-between",
 				pb: "1",
-				children: [/* @__PURE__ */ h(s, {
+				children: [/* @__PURE__ */ d(s, {
 					color: "fg.muted",
 					children: "Total"
-				}), /* @__PURE__ */ h(x, {
+				}), /* @__PURE__ */ d(x, {
 					fontFamily: "mono",
 					fontWeight: "medium",
 					fontVariantNumeric: "tabular-nums",
@@ -117,11 +117,11 @@ function D({ payload: e, label: t, labelFormatter: n, hideLabel: l, hideIndicato
 		]
 	});
 }
-function O({ payload: e, verticalAlign: t = "bottom", align: n = "center", title: o, orientation: l, nameKey: u, spacing: d = "3", interaction: f = "hover", rootProps: p, itemProps: m, labelProps: _, indicatorProps: v }) {
+function O({ payload: e, verticalAlign: t = "bottom", align: n = "center", title: o, orientation: l, nameKey: u, spacing: p = "3", interaction: m = "hover", rootProps: h, itemProps: g, labelProps: _, indicatorProps: v }) {
 	let y = C(), b = e?.filter((e) => e.color !== "none" || e.type !== "none");
 	if (!b?.length) return null;
-	let S = typeof d == "number" ? `${d}px` : y.spacing(d);
-	return /* @__PURE__ */ g(c, {
+	let S = typeof p == "number" ? `${p}px` : y.spacing(p);
+	return /* @__PURE__ */ f(c, {
 		gap: "1.5",
 		align: {
 			left: "flex-start",
@@ -130,11 +130,11 @@ function O({ payload: e, verticalAlign: t = "bottom", align: n = "center", title
 		}[n],
 		pt: t === "bottom" ? "3" : void 0,
 		pb: t === "top" ? "3" : void 0,
-		...p,
-		children: [o ? /* @__PURE__ */ h(x, {
+		...h,
+		children: [o ? /* @__PURE__ */ d(x, {
 			fontWeight: "medium",
 			children: o
-		}) : null, /* @__PURE__ */ h(i, {
+		}) : null, /* @__PURE__ */ d(i, {
 			"data-orientation": l,
 			gap: S,
 			direction: {
@@ -148,20 +148,20 @@ function O({ payload: e, verticalAlign: t = "bottom", align: n = "center", title
 			flexWrap: "wrap",
 			children: b.map((e, t) => {
 				let n = y.getSeries(e), i = n?.name == null ? void 0 : typeof n.name == "string" ? n.name : String(n.name), o = E(w(e, u) ?? n?.label);
-				return /* @__PURE__ */ g(a, {
+				return /* @__PURE__ */ f(a, {
 					gap: "1.5",
 					style: { opacity: y.getSeriesOpacity(i, .6) },
 					onClick: () => {
-						f === "click" && i && y.setHighlightedSeries((e) => e === i ? null : i);
+						m === "click" && i && y.setHighlightedSeries((e) => e === i ? null : i);
 					},
 					onMouseEnter: () => {
-						f === "hover" && i && y.setHighlightedSeries(i);
+						m === "hover" && i && y.setHighlightedSeries(i);
 					},
 					onMouseLeave: () => {
-						f === "hover" && i && y.setHighlightedSeries(null);
+						m === "hover" && i && y.setHighlightedSeries(null);
 					},
-					...m,
-					children: [n?.icon ? n.icon : /* @__PURE__ */ h(r, {
+					...g,
+					children: [n?.icon ? n.icon : /* @__PURE__ */ d(r, {
 						boxSize: "2",
 						rounded: "full",
 						bg: n?.color ? y.color(n.color) : "border.emphasized",
@@ -169,7 +169,7 @@ function O({ payload: e, verticalAlign: t = "bottom", align: n = "center", title
 						borderColor: "blackAlpha.200",
 						flexShrink: 0,
 						...v
-					}), /* @__PURE__ */ h(s, {
+					}), /* @__PURE__ */ d(s, {
 						color: "fg.muted",
 						..._,
 						children: T(o)
@@ -180,13 +180,13 @@ function O({ payload: e, verticalAlign: t = "bottom", align: n = "center", title
 	});
 }
 function k(e) {
-	let { rootProps: t, itemProps: n, labelProps: r, indicatorProps: i, title: a, nameKey: o, interaction: s, spacing: c, payload: l, align: u, verticalAlign: d, layout: f, ...p } = e;
-	return /* @__PURE__ */ h(_, {
-		...p,
+	let { rootProps: t, itemProps: n, labelProps: r, indicatorProps: i, title: a, nameKey: o, interaction: s, spacing: c, payload: l, align: u, verticalAlign: f, layout: p, ...m } = e;
+	return /* @__PURE__ */ d(_, {
+		...m,
 		align: u,
-		verticalAlign: d,
-		layout: f,
-		content: /* @__PURE__ */ h(O, {
+		verticalAlign: f,
+		layout: p,
+		content: /* @__PURE__ */ d(O, {
 			rootProps: t,
 			itemProps: n,
 			labelProps: r,
@@ -197,23 +197,23 @@ function k(e) {
 			spacing: c,
 			payload: l,
 			align: u,
-			verticalAlign: d,
-			layout: f
+			verticalAlign: f,
+			layout: p
 		})
 	});
 }
 function A(e) {
-	return /* @__PURE__ */ h(y, {
+	return /* @__PURE__ */ d(y, {
 		...e,
-		content: /* @__PURE__ */ h(D, { ...e })
+		content: /* @__PURE__ */ d(D, { ...e })
 	});
 }
 function j({ fontFamily: t = "body", fontSize: r = 16, ...i }) {
 	let a = n(r);
 	if (!a) console.warn(`[GOV.UK Chart] fontSize={${r}} is not a valid GOV.UK type scale point. Use one of: 16, 19, 24, 27, 36, 48, 80.`);
-	else return /* @__PURE__ */ h(S.Provider, {
+	else return /* @__PURE__ */ d(S.Provider, {
 		value: i.chart,
-		children: /* @__PURE__ */ h(b.Root, {
+		children: /* @__PURE__ */ d(b.Root, {
 			fontFamily: t,
 			css: {
 				"& svg.recharts-surface tspan": {
@@ -248,10 +248,10 @@ var M = Object.assign(j, {
 //#endregion
 //#region src/components/DonutChart/DonutChart.tsx
 function N({ chart: e, chartRootProps: t, ...n }) {
-	return /* @__PURE__ */ h(M.Root, {
+	return /* @__PURE__ */ d(M.Root, {
 		chart: e,
 		...t,
-		children: /* @__PURE__ */ h(v, {
+		children: /* @__PURE__ */ d(v, {
 			data: e.data,
 			...n
 		})
@@ -261,4 +261,4 @@ var P = Object.assign(N, { Root: N });
 //#endregion
 export { M as n, x as r, P as t };
 
-//# sourceMappingURL=DonutChart-s0i7PCWM.mjs.map
+//# sourceMappingURL=DonutChart-XZvUd_OH.mjs.map