@cruk/chakra-components 3.25.1 → 4.0.0-compat.1

package/dist/cjs/components/Button/index.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime"),r=require("@chakra-ui/react");const e=r.forwardRef((e,n)=>{const{variant:u}=e;return t.jsx(r.Button,{ref:n,"data-cta-variant":u,...e})});Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return r.ButtonGroup}}),exports.Button=e;
+"use strict";var e=require("react/jsx-runtime"),r=require("@chakra-ui/react"),t=require("@cruk/helix-components/react");const a={alternative:"alternative",outline:"secondary",primary:"primary",primaryAlt:"primary",secondary:"secondary",secondaryAlt:"secondary",solid:"primary"},n=new Set(["accessKey","autoFocus","contentEditable","dir","download","draggable","form","formAction","formEncType","formMethod","formNoValidate","formTarget","hidden","hrefLang","id","lang","media","name","ping","referrerPolicy","rel","role","slot","spellCheck","tabIndex","target","title","translate","value"]),i=new Set,o=new Set,s=(e,r,t)=>{"production"===process.env.NODE_ENV||e.has(r)||(e.add(r),console.warn(t))},l=r.forwardRef((r,l)=>{const{as:d,children:c,className:u,disabled:p,href:y,isDisabled:f,isLoading:h,leftIcon:m,loadingText:b,rightIcon:v,type:g,variant:x,...B}=r;null!=l&&s(i,"ref","[Button compatibility] Helix Button does not support forwarded refs. The ref has been ignored.");const j=(e=>{const r={};return Object.entries(e).forEach(([e,t])=>{const a=e.startsWith("aria-")||e.startsWith("data-"),o=e.startsWith("on")&&"function"==typeof t;n.has(e)||a||o?r[e]=t:null!=t&&s(i,e,`[Button compatibility] Chakra prop "${e}" is not supported by the Helix Button and has been ignored. Use a Helix utility class or consumer-owned CSS for layout.`)}),r})(B),w="string"==typeof x?x:"primary",k=(e=>{if(null==e)return"primary";if("string"==typeof e&&a[e])return a[e];const r="string"==typeof e?e:"responsive";return s(o,r,`[Button compatibility] Chakra variant "${r}" has no Helix equivalent and is temporarily mapped to "alternative".`),"alternative"})(x),C=Boolean(p||f||h||!0===j["aria-disabled"]||"true"===j["aria-disabled"]),I=h&&b?b:c,N=e.jsxs(e.Fragment,{children:[m?e.jsx("span",{"aria-hidden":"true",children:m}):null,e.jsx("span",{children:I}),v?e.jsx("span",{"aria-hidden":"true",children:v}):null]});if(y){const{onClick:r,...a}=j,n=e=>{if(C)return void e.preventDefault();const t=r;t?.(e)};return e.jsx("a",{...a,"aria-busy":h||j["aria-busy"],"aria-disabled":C||void 0,className:[t.buttonClassNames.root,u].filter(Boolean).join(" "),"data-cta-variant":w,"data-variant":"primary"===k?void 0:k,href:y,onClick:n,tabIndex:C?-1:j.tabIndex,children:N})}return e.jsx(t.Button,{...j,"aria-busy":h||j["aria-busy"],className:u,"data-cta-variant":w,disabled:C,leftIcon:m,rightIcon:v,type:g,variant:k,children:I})});Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return r.ButtonGroup}}),exports.Button=l;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["Button","forwardRef","props","ref","variant","_jsx","ChakraButton"],"mappings":"8EAYA,MAAMA,EAASC,EAAAA,WAAkC,CAACC,EAAOC,KACvD,MAAMC,QAAEA,GAAYF,EACpB,OAAOG,EAAAA,IAACC,EAAAA,OAAY,CAACH,IAAKA,EAAG,mBAAoBC,KAAaF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["variantMap","alternative","outline","primary","primaryAlt","secondary","secondaryAlt","solid","nativeButtonProps","Set","warnedDroppedProps","warnedVariants","warnOnce","warnings","key","message","process","env","NODE_ENV","has","add","console","warn","Button","forwardRef","props","ref","as","_as","children","className","disabled","href","isDisabled","isLoading","leftIcon","loadingText","rightIcon","type","variant","rest","nativeProps","supportedProps","Object","entries","forEach","value","isAriaOrDataAttribute","startsWith","isEventHandler","getNativeButtonProps","legacyVariant","mappedVariant","variantName","mapVariant","isUnavailable","Boolean","buttonLabel","anchorContent","_jsxs","_Fragment","_jsx","onClick","anchorProps","handleClick","event","preventDefault","anchorClickHandler","undefined","buttonClassNames","root","filter","join","tabIndex","HelixButton"],"mappings":"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"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/esm/components/Button/index.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,Button as a}from"@chakra-ui/react";export{ButtonGroup}from"@chakra-ui/react";const o=t((t,o)=>{const{variant:c}=t;return r(a,{ref:o,"data-cta-variant":c,...t})});export{o as Button};
+import{jsxs as a,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"@chakra-ui/react";export{ButtonGroup}from"@chakra-ui/react";import{buttonClassNames as n,Button as i}from"@cruk/helix-components/react";const o={alternative:"alternative",outline:"secondary",primary:"primary",primaryAlt:"primary",secondary:"secondary",secondaryAlt:"secondary",solid:"primary"},s=new Set(["accessKey","autoFocus","contentEditable","dir","download","draggable","form","formAction","formEncType","formMethod","formNoValidate","formTarget","hidden","hrefLang","id","lang","media","name","ping","referrerPolicy","rel","role","slot","spellCheck","tabIndex","target","title","translate","value"]),l=new Set,d=new Set,c=(a,r,t)=>{"production"===process.env.NODE_ENV||a.has(r)||(a.add(r),console.warn(t))},u=e((e,u)=>{const{as:p,children:m,className:f,disabled:h,href:y,isDisabled:b,isLoading:v,leftIcon:g,loadingText:x,rightIcon:B,type:k,variant:w,...I}=e;null!=u&&c(l,"ref","[Button compatibility] Helix Button does not support forwarded refs. The ref has been ignored.");const C=(a=>{const r={};return Object.entries(a).forEach(([a,t])=>{const e=a.startsWith("aria-")||a.startsWith("data-"),n=a.startsWith("on")&&"function"==typeof t;s.has(a)||e||n?r[a]=t:null!=t&&c(l,a,`[Button compatibility] Chakra prop "${a}" is not supported by the Helix Button and has been ignored. Use a Helix utility class or consumer-owned CSS for layout.`)}),r})(I),N="string"==typeof w?w:"primary",E=(a=>{if(null==a)return"primary";if("string"==typeof a&&o[a])return o[a];const r="string"==typeof a?a:"responsive";return c(d,r,`[Button compatibility] Chakra variant "${r}" has no Helix equivalent and is temporarily mapped to "alternative".`),"alternative"})(w),S=Boolean(h||b||v||!0===C["aria-disabled"]||"true"===C["aria-disabled"]),H=v&&x?x:m,T=a(r,{children:[g?t("span",{"aria-hidden":"true",children:g}):null,t("span",{children:H}),B?t("span",{"aria-hidden":"true",children:B}):null]});if(y){const{onClick:a,...r}=C,e=r=>{if(S)return void r.preventDefault();const t=a;t?.(r)};return t("a",{...r,"aria-busy":v||C["aria-busy"],"aria-disabled":S||void 0,className:[n.root,f].filter(Boolean).join(" "),"data-cta-variant":N,"data-variant":"primary"===E?void 0:E,href:y,onClick:e,tabIndex:S?-1:C.tabIndex,children:T})}return t(i,{...C,"aria-busy":v||C["aria-busy"],className:f,"data-cta-variant":N,disabled:S,leftIcon:g,rightIcon:B,type:k,variant:E,children:H})});export{u as Button};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["Button","forwardRef","props","ref","variant","_jsx","ChakraButton"],"mappings":"4IAYA,MAAMA,EAASC,EAAkC,CAACC,EAAOC,KACvD,MAAMC,QAAEA,GAAYF,EACpB,OAAOG,EAACC,EAAY,CAACH,IAAKA,EAAG,mBAAoBC,KAAaF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":[null],"names":["variantMap","alternative","outline","primary","primaryAlt","secondary","secondaryAlt","solid","nativeButtonProps","Set","warnedDroppedProps","warnedVariants","warnOnce","warnings","key","message","process","env","NODE_ENV","has","add","console","warn","Button","forwardRef","props","ref","as","_as","children","className","disabled","href","isDisabled","isLoading","leftIcon","loadingText","rightIcon","type","variant","rest","nativeProps","supportedProps","Object","entries","forEach","value","isAriaOrDataAttribute","startsWith","isEventHandler","getNativeButtonProps","legacyVariant","mappedVariant","variantName","mapVariant","isUnavailable","Boolean","buttonLabel","anchorContent","_jsxs","_Fragment","_jsx","onClick","anchorProps","handleClick","event","preventDefault","anchorClickHandler","undefined","buttonClassNames","root","filter","join","tabIndex","HelixButton"],"mappings":"oOAkBA,MAAMA,EAAiD,CACrDC,YAAa,cACbC,QAAS,YACTC,QAAS,UACTC,WAAY,UACZC,UAAW,YACXC,aAAc,YACdC,MAAO,WAGHC,EAAoB,IAAIC,IAAI,CAChC,YACA,YACA,kBACA,MACA,WACA,YACA,OACA,aACA,cACA,aACA,iBACA,aACA,SACA,WACA,KACA,OACA,QACA,OACA,OACA,iBACA,MACA,OACA,OACA,aACA,WACA,SACA,QACA,YACA,UAGIC,EAAqB,IAAID,IACzBE,EAAiB,IAAIF,IAErBG,EAAW,CAACC,EAAuBC,EAAaC,KACvB,eAAzBC,QAAQC,IAAIC,UAA8BL,EAASM,IAAIL,KACzDD,EAASO,IAAIN,GACbO,QAAQC,KAAKP,KAkEXQ,EAASC,EAAkC,CAACC,EAAOC,KACvD,MACEC,GAAIC,EAAGC,SACPA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,WACJA,EAAUC,UACVA,EAASC,SACTA,EAAQC,YACRA,EAAWC,UACXA,EAASC,KACTA,EAAIC,QACJA,KACGC,GACDf,EAEO,MAAPC,GACFd,EACEF,EACA,MACA,kGAIJ,MAAM+B,EAtEqB,CAC3BhB,IAWA,MAAMiB,EAA0C,CAAA,EAqBhD,OAnBAC,OAAOC,QAAQnB,GAAOoB,QAAQ,EAAE/B,EAAKgC,MACnC,MAAMC,EACJjC,EAAIkC,WAAW,UAAYlC,EAAIkC,WAAW,SACtCC,EAAiBnC,EAAIkC,WAAW,OAA0B,mBAAVF,EAElDtC,EAAkBW,IAAIL,IAAQiC,GAAyBE,EACzDP,EAAe5B,GAAOgC,EAIX,MAATA,GACFlC,EACEF,EACAI,EACA,uCAAuCA,+HAKtC4B,GAqCaQ,CAAqBV,GACnCW,EAAmC,iBAAZZ,EAAuBA,EAAU,UACxDa,EAzFW,CAACb,IAClB,GAAe,MAAXA,EAAiB,MAAO,UAE5B,GAAuB,iBAAZA,GAAwBvC,EAAWuC,GAC5C,OAAOvC,EAAWuC,GAGpB,MAAMc,EAAiC,iBAAZd,EAAuBA,EAAU,aAO5D,OANA3B,EACED,EACA0C,EACA,0CAA0CA,0EAGrC,eA2EeC,CAAWf,GAC3BgB,EAAgBC,QACpBzB,GACAE,GACAC,IACiC,IAAjCO,EAAY,kBACqB,SAAjCA,EAAY,kBAERgB,EAAcvB,GAAaE,EAAcA,EAAcP,EACvD6B,EACJC,EAAAC,EAAA,CAAA/B,SAAA,CACGM,EAAW0B,EAAA,OAAA,CAAA,cAAkB,gBAAQ1B,IAAmB,KACzD0B,EAAA,OAAA,CAAAhC,SAAO4B,IACNpB,EAAYwB,EAAA,OAAA,CAAA,cAAkB,OAAMhC,SAAEQ,IAAoB,QAI/D,GAAIL,EAAM,CACR,MAAM8B,QAAEA,KAAYC,GAAgBtB,EAC9BuB,EAAqDC,IACzD,GAAIV,EAEF,YADAU,EAAMC,iBAIR,MAAMC,EAAqBL,EAG3BK,IAAqBF,IAGvB,OACEJ,EAAA,IAAA,IACOE,EAAuD,YACjD7B,GAAaO,EAAY,aAAY,gBACjCc,QAAiBa,EAChCtC,UAAW,CAACuC,EAAiBC,KAAMxC,GAAWyC,OAAOf,SAASgB,KAAK,wBACjDrB,EAAa,eACC,YAAlBC,OAA8BgB,EAAYhB,EACxDpB,KAAMA,EACN8B,QAASE,EACTS,SAAUlB,GAAgB,EAAKd,EAAYgC,SAAQ5C,SAElD6B,GAGP,CAEA,OACEG,EAACa,MACKjC,EAAW,YACJP,GAAaO,EAAY,aACpCX,UAAWA,EAAS,mBACFqB,EAClBpB,SAAUwB,EACVpB,SAAUA,EACVE,UAAWA,EACXC,KAAMA,EACNC,QAASa,WAERK"}

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/index.d.ts

@@ -3,11 +3,10 @@ import { AccordionProps, AvatarProps, BoxProps, BreadcrumbItemProps, BreadcrumbL
 export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AvatarBadge, AvatarGroup, Box, BoxProps, BreadcrumbItem, BreadcrumbItemProps, ButtonGroup, ChakraBaseProvider, Container, Flex, FlexProps, FormControl, Grid, GridItem, HStack, HeadingProps, IconButton, IconButtonProps, InputAddon, InputGroup, InputLeftAddon, InputLeftElement, InputRightAddon, InputRightElement, LinkOverlay, List, ListIcon, ListItem, Menu, MenuButton, MenuButtonProps, MenuItem, MenuItemProps, MenuList, MenuListProps, MenuProps, Modal, ModalCloseButton, ModalCloseButtonProps, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverProps, PopoverTrigger, Portal, Radio, RadioGroup, Select, SimpleGrid, Skeleton, SkeletonCircle, SkeletonOptions, SkeletonProps, SkeletonText, SkeletonTextProps, Stack, Tab, TabList, TabPanel, TabPanels, TableBodyProps, TableCaption, TableCaptionProps, TableCellProps, TableColumnHeaderProps, TableContainer, TableContainerProps, TableHeadProps, TableProps, TableRowProps, Tag, TagProps, Tbody, Td, TextProps, Textarea, TextareaProps, Th, Thead, Tooltip, TooltipProps, Tr, UnorderedList, VStack, VisuallyHidden, Wrap, WrapItem, extendBaseTheme } from '@chakra-ui/react';
 import * as React$1 from 'react';
 import React__default, { HTMLAttributes, CSSProperties, ElementType, ReactElement, ReactNode, ChangeEventHandler, FC } from 'react';
-import * as _chakra_ui_icons from '@chakra-ui/icons';
-export { AddIcon, ArrowBackIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, AttachmentIcon, BellIcon, CalendarIcon, ChatIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, DragHandleIcon, EditIcon, ExternalLinkIcon, HamburgerIcon, InfoIcon, InfoOutlineIcon, LinkIcon, LockIcon, MinusIcon, MoonIcon, NotAllowedIcon, PlusSquareIcon, QuestionIcon, QuestionOutlineIcon, ReactIcon, RepeatClockIcon, RepeatIcon, Search2Icon, SearchIcon, SettingsIcon, SmallAddIcon, SmallCloseIcon, SpinnerIcon, StarIcon, SunIcon, TimeIcon, TriangleDownIcon, TriangleUpIcon, UnlockIcon, UpDownIcon, ViewIcon, ViewOffIcon, WarningIcon, WarningTwoIcon } from '@chakra-ui/icons';
 import { FileRejection } from 'react-dropzone';
 import { ThemingProps } from '@chakra-ui/styled-system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export { AddIcon, ArrowBackIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, AttachmentIcon, BellIcon, CalendarIcon, ChatIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, DragHandleIcon, EditIcon, ExternalLinkIcon, HamburgerIcon, InfoIcon, InfoOutlineIcon, LinkIcon, LockIcon, MinusIcon, MoonIcon, NotAllowedIcon, PlusSquareIcon, QuestionIcon, QuestionOutlineIcon, ReactIcon, RepeatClockIcon, RepeatIcon, Search2Icon, SearchIcon, SettingsIcon, SmallAddIcon, SmallCloseIcon, SpinnerIcon, StarIcon, SunIcon, TimeIcon, TriangleDownIcon, TriangleUpIcon, UnlockIcon, UpDownIcon, ViewIcon, ViewOffIcon, WarningIcon, WarningTwoIcon } from '@chakra-ui/icons';
 
 declare const crukBrand: Record<string, any>;
 type Theme$3 = typeof crukBrand;
@@ -46,8 +45,8 @@ declare const Badge: _chakra_ui_react.ComponentWithAs<"div", BoxProps>;
 type BreadcrumbLinkProps = BreadcrumbLinkProps$1 & {
     variant?: string;
 };
-declare const BreadcrumbLink: _chakra_ui_icons.ComponentWithAs<"a", BreadcrumbLinkProps>;
-declare const Breadcrumb: _chakra_ui_icons.ComponentWithAs<"nav", BreadcrumbItemProps>;
+declare const BreadcrumbLink: _chakra_ui_react.ComponentWithAs<"a", BreadcrumbLinkProps>;
+declare const Breadcrumb: _chakra_ui_react.ComponentWithAs<"nav", BreadcrumbItemProps>;
 
 type ButtonProps = ButtonProps$1 & {
     href?: string;
@@ -140,7 +139,7 @@ type CardProps = CardProps$1 & {
     cardImageContainer?: ResponsiveValue<string>;
     cardLayout?: "horizontal" | "vertical";
 };
-declare const Card: _chakra_ui_icons.ComponentWithAs<"div", CardProps>;
+declare const Card: _chakra_ui_react.ComponentWithAs<"div", CardProps>;
 type CardStackProps = StackProps & {
     heading?: HeadingProps;
     description?: React__default.ReactElement;
@@ -151,7 +150,7 @@ type CardStackProps = StackProps & {
     button?: ButtonProps;
     gridGap?: ResponsiveValue<number>;
 };
-declare const CardStack: _chakra_ui_icons.ComponentWithAs<"div", CardStackProps>;
+declare const CardStack: _chakra_ui_react.ComponentWithAs<"div", CardStackProps>;
 
 declare const Checkbox: _chakra_ui_react.ComponentWithAs<"input", CheckboxProps>;
 declare const CheckboxGroup: _chakra_ui_react.ComponentWithAs<"input", CheckboxGroupProps>;
@@ -330,9 +329,9 @@ interface CheckListItemProps extends ListItemProps {
     iconAlignment?: "top" | "center";
     children: React__default.ReactNode;
 }
-declare const CheckListUL: _chakra_ui_icons.ComponentWithAs<"ul", ListProps>;
-declare const CheckList: _chakra_ui_icons.ComponentWithAs<"li", CheckListItemProps>;
-declare const ArrowDownListItem: _chakra_ui_icons.ComponentWithAs<"li", ListItemProps>;
+declare const CheckListUL: _chakra_ui_react.ComponentWithAs<"ul", ListProps>;
+declare const CheckList: _chakra_ui_react.ComponentWithAs<"li", CheckListItemProps>;
+declare const ArrowDownListItem: _chakra_ui_react.ComponentWithAs<"li", ListItemProps>;
 
 declare const Loader: _chakra_ui_react.ComponentWithAs<"div", StackProps>;
 
@@ -367,7 +366,7 @@ type NavigationProps = FlexProps & {
     links: Array<NavigationLinkProps>;
     showSearch?: boolean;
 };
-declare const Navigation: _chakra_ui_icons.ComponentWithAs<"div", NavigationProps>;
+declare const Navigation: _chakra_ui_react.ComponentWithAs<"div", NavigationProps>;
 
 interface InputNumberProps extends NumberInputFieldProps {
     numberInputProp: NumberInputProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "3.25.1",
+  "version": "4.0.0-compat.1",
   "description": "Chakra UI v2 based components for CRUK applications",
   "license": "MIT",
   "sideEffects": false,
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@chakra-ui/icons": "^2.2.4",
-    "@chakra-ui/react": "^2.10.9",
+    "@chakra-ui/react": "^2.10.6",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "framer-motion": "^12.38.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "@emotion/styled": "^11.14.0",
+    "framer-motion": "^12.4.7",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.8",
     "slugify": "^1.6.9"
   },
@@ -68,6 +68,7 @@
     "@applitools/eyes-storybook-addon": "^1.0.4",
     "@axe-core/playwright": "^4.11.2",
     "@chromatic-com/storybook": "^4.1.3",
+    "@cruk/helix-components": "0.6.0",
     "@eslint/js": "^9.39.2",
     "@octokit/rest": "^22.0.1",
     "@playwright/experimental-ct-react": "^1.58.2",
@@ -83,6 +84,7 @@
     "@semantic-release/npm": "^13.1.5",
     "@semantic-release/release-notes-generator": "^14.1.0",
     "@storybook/addon-a11y": "^10.2.8",
+    "@storybook/addon-docs": "^10.2.8",
     "@storybook/addon-links": "^10.2.8",
     "@storybook/addon-themes": "^10.2.8",
     "@storybook/react-vite": "^10.2.8",
@@ -116,12 +118,12 @@
     "typescript-eslint": "^8.55.0",
     "vite": "^6.3.6",
     "vitest": "^3.2.4",
-    "wait-on": "^9.0.5",
-    "@storybook/addon-docs": "^10.2.8"
+    "wait-on": "^9.0.5"
   },
   "peerDependencies": {
     "@chakra-ui/icons": "^2.2.4",
     "@chakra-ui/react": "^2.10.6",
+    "@cruk/helix-components": "0.6.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "framer-motion": "^12.4.7",