diff --git a/assets/ReleaseAnnouncement.stories-Dmoi7IZ4.js b/assets/ReleaseAnnouncement.stories-C7aCNla7.js
similarity index 98%
rename from assets/ReleaseAnnouncement.stories-Dmoi7IZ4.js
rename to assets/ReleaseAnnouncement.stories-C7aCNla7.js
index e5e321da..8147841b 100644
--- a/assets/ReleaseAnnouncement.stories-Dmoi7IZ4.js
+++ b/assets/ReleaseAnnouncement.stories-C7aCNla7.js
@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{r}from"./index-Cu9bd8lq.js";import{B as C}from"./Button-DrAMl4OR.js";import"./IconButton-j0Nfr_Qv.js";import{a as R,b as T,i as k,j,c as O,o as V,s as q,d as B,l as E,u as F,F as I,m as M,k as N}from"./floating-ui.react-C9uQe9t5.js";import{T as A}from"./Text-BrcN_buA.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-iinDG_Nf.js";import"./index-MTP5U5xA.js";import"./Typography-BcgMUEGb.js";const L="_content_1oa1y_17",S="_header_1oa1y_46",P="_description_1oa1y_52",H="_button_1oa1y_57",z="_arrow_1oa1y_62",c={content:L,header:S,description:P,button:H,arrow:z},w=r.createContext(null);function g(){const e=r.useContext(w);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in
");return e}function f({open:e,header:n,description:a,closeLabel:t,placement:m,onClick:u}){const v=R(),_=R(),d=r.useRef(null),h=T({placement:m,open:e,whileElementsMounted:O,middleware:[V(16),q({limiter:E({offset:50})}),B({element:d})]}),y=k(h.context),x=j([y]);return r.useMemo(()=>({open:e,...h,...x,labelId:v,descriptionId:_,header:n,description:a,closeLabel:t,onClick:u,arrowRef:d}),[e,y,x,h,v,_,n,a,t,u,d])}try{f.displayName="useReleaseAnnouncement",f.__docgenInfo={description:"This hook provides the necessary props to create a release announcement.",displayName:"useReleaseAnnouncement",props:{open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}},placement:{defaultValue:null,description:"The placement of the release announcement.",name:"placement",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler
"}}}}}catch{}function p({children:e,placement:n="right",...a}){const t=f({placement:n,...a});return o.jsxs(w.Provider,{value:t,children:[o.jsx(D,{children:e}),o.jsx(W,{children:o.jsx(K,{})})]})}function D({children:e}){const n=g(),a=e?.ref,t=F([n.refs.setReference,a]);if(!r.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return r.cloneElement(e,n.getReferenceProps({ref:t,...e.props,...n.open&&{"aria-describedby":n.getFloatingProps().id}}))}function W({children:e}){const{context:n,arrowRef:a,...t}=g();return n.open?o.jsx(I,{children:o.jsx(M,{context:n,modal:!1,children:o.jsxs("div",{ref:t.refs.setFloating,style:t.floatingStyles,"aria-labelledby":t.labelId,"aria-describedby":t.descriptionId,...t.getFloatingProps(),className:c.content,children:[o.jsx(N,{ref:a,context:n,width:20,height:12,className:c.arrow}),e]})})}):null}function K(){const{labelId:e,descriptionId:n,header:a,description:t,closeLabel:m,onClick:u}=g();return o.jsxs(o.Fragment,{children:[o.jsx(A,{as:"h3",id:e,className:c.header,size:"lg",weight:"semibold",children:a}),o.jsx(A,{as:"span",id:n,className:c.description,size:"sm",weight:"regular",children:t}),o.jsx(C,{size:"sm",kind:"secondary",className:c.button,onClick:u,children:m})]})}try{p.displayName="ReleaseAnnouncement",p.__docgenInfo={description:`The ReleaseAnnouncement component purpose is to inform the user of a new available feature.
+import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{r}from"./index-Cu9bd8lq.js";import{B as C}from"./Button-DrAMl4OR.js";import"./IconButton-j0Nfr_Qv.js";import{a as R,b as T,i as k,j,c as O,o as V,s as q,d as B,l as E,u as F,F as I,m as M,k as N}from"./floating-ui.react-C9uQe9t5.js";import{T as A}from"./Text-DCibjNNg.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./IndicatorIcon-iinDG_Nf.js";import"./index-MTP5U5xA.js";import"./Typography-D-74lRMS.js";const L="_content_1oa1y_17",S="_header_1oa1y_46",P="_description_1oa1y_52",H="_button_1oa1y_57",z="_arrow_1oa1y_62",c={content:L,header:S,description:P,button:H,arrow:z},w=r.createContext(null);function g(){const e=r.useContext(w);if(e==null)throw new Error("ReleaseAnnouncement components must be wrapped in ");return e}function f({open:e,header:n,description:a,closeLabel:t,placement:m,onClick:u}){const v=R(),_=R(),d=r.useRef(null),h=T({placement:m,open:e,whileElementsMounted:O,middleware:[V(16),q({limiter:E({offset:50})}),B({element:d})]}),y=k(h.context),x=j([y]);return r.useMemo(()=>({open:e,...h,...x,labelId:v,descriptionId:_,header:n,description:a,closeLabel:t,onClick:u,arrowRef:d}),[e,y,x,h,v,_,n,a,t,u,d])}try{f.displayName="useReleaseAnnouncement",f.__docgenInfo={description:"This hook provides the necessary props to create a release announcement.",displayName:"useReleaseAnnouncement",props:{open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}},placement:{defaultValue:null,description:"The placement of the release announcement.",name:"placement",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}}}}}catch{}function p({children:e,placement:n="right",...a}){const t=f({placement:n,...a});return o.jsxs(w.Provider,{value:t,children:[o.jsx(D,{children:e}),o.jsx(W,{children:o.jsx(K,{})})]})}function D({children:e}){const n=g(),a=e?.ref,t=F([n.refs.setReference,a]);if(!r.isValidElement(e))throw new Error("ReleaseAnnouncement anchor must be a single valid React element");return r.cloneElement(e,n.getReferenceProps({ref:t,...e.props,...n.open&&{"aria-describedby":n.getFloatingProps().id}}))}function W({children:e}){const{context:n,arrowRef:a,...t}=g();return n.open?o.jsx(I,{children:o.jsx(M,{context:n,modal:!1,children:o.jsxs("div",{ref:t.refs.setFloating,style:t.floatingStyles,"aria-labelledby":t.labelId,"aria-describedby":t.descriptionId,...t.getFloatingProps(),className:c.content,children:[o.jsx(N,{ref:a,context:n,width:20,height:12,className:c.arrow}),e]})})}):null}function K(){const{labelId:e,descriptionId:n,header:a,description:t,closeLabel:m,onClick:u}=g();return o.jsxs(o.Fragment,{children:[o.jsx(A,{as:"h3",id:e,className:c.header,size:"lg",weight:"semibold",children:a}),o.jsx(A,{as:"span",id:n,className:c.description,size:"sm",weight:"regular",children:t}),o.jsx(C,{size:"sm",kind:"secondary",className:c.button,onClick:u,children:m})]})}try{p.displayName="ReleaseAnnouncement",p.__docgenInfo={description:`The ReleaseAnnouncement component purpose is to inform the user of a new available feature.
This component is a floating component that will appear next to an anchor.`,displayName:"ReleaseAnnouncement",props:{placement:{defaultValue:{value:"right"},description:"The placement of the component",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"top-end"'},{value:'"top-start"'}]}},open:{defaultValue:null,description:"Whether the release announcement is open.",name:"open",required:!0,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The event handler for the close button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},header:{defaultValue:null,description:"The header of the release announcement.",name:"header",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The description of the release announcement.",name:"description",required:!0,type:{name:"string"}},closeLabel:{defaultValue:null,description:"The label of the close button.",name:"closeLabel",required:!0,type:{name:"string"}}}}}catch{}const oe={title:"Release Announcement",component:p,tags:["autodocs"],argTypes:{},args:{header:"Notifications have moved",description:"From now on, click the icon here to view your notifications.",placement:"right",closeLabel:"Ok"}},b=e=>{const[n,a]=r.useState(!0);return o.jsx(p,{...e,open:n,onClick:()=>a(!1),children:o.jsx(C,{onClick:()=>a(t=>!t),children:"Open menu"})})},s=b.bind({});s.args={};const l=b.bind({});l.args={header:"A multi line header which is taking multiple lines",description:"A multi line description which is taking multiple lines. The OK button should be vertically centred."};const i=b.bind({});i.args={placement:"bottom"};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`args => {
const [open, setOpen] = useState(true);
return setOpen(false)}>
diff --git a/assets/Search.stories-BLO8Alj9.js b/assets/Search.stories-lwSifXn5.js
similarity index 97%
rename from assets/Search.stories-BLO8Alj9.js
rename to assets/Search.stories-lwSifXn5.js
index 06fd3bb7..bbbdf7a6 100644
--- a/assets/Search.stories-BLO8Alj9.js
+++ b/assets/Search.stories-lwSifXn5.js
@@ -1,3 +1,3 @@
-import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import"./Action-DyM_p9RG.js";import"./Password-D4Wdgeua.js";import"./Text-BTQEANK3.js";import"./MFA-C1Z6qH6F.js";import"./Checkbox-BH99jySy.js";import"./Radio-DdGWwLbw.js";import"./Toggle-CfFDn7Ov.js";import"./EditInPlace-CcsKLZdT.js";import{F as l,L as d}from"./Submit-LOGOVFq6.js";import"./index-Cu9bd8lq.js";import{u as h}from"./useId-D5m2XpUu.js";import{a as u}from"./index-8DUk24eR.js";import"./Tooltip-CzfwCewK.js";import"./floating-ui.react-C9uQe9t5.js";import"./index-MTP5U5xA.js";import"./visibility-on-BrkRTjSX.js";import"./check-CXsFGzWm.js";import"./close-D55JIkKE.js";import"./error-YokBWoNX.js";import"./InlineSpinner-BZBYCXgP.js";import"./Button-DrAMl4OR.js";import"./UnstyledButton-CUaD5tB8.js";import"./index-icJLasaE.js";import"./index-tFWdirwu.js";import"./index-CZs6vfAl.js";const g="_search_qztja_17",_="_icon_qztja_46",f="_input_qztja_61",s={search:g,icon:_,input:f},x=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...r,children:e.jsx("path",{d:"M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414l-3.244-3.244ZM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"})}),t=({className:r,onChange:i,placeholder:c="Search…",name:o})=>{const m=p(s.search,r),n=h();return e.jsx(l,{name:o,asChild:!0,children:e.jsxs(d,{className:m,htmlFor:n,children:[e.jsx(x,{className:s.icon,width:20,height:20}),e.jsx("input",{id:n,name:o,type:"search",placeholder:c,onChange:i,className:s.input})]})})};try{t.displayName="Search",t.__docgenInfo={description:"A standalone search component",displayName:"Search",props:{className:{defaultValue:null,description:"The CSS class name",name:"className",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Search…"},description:"The input placeholder.",name:"placeholder",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"The field name.",name:"name",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"Event handler called when the search changes.",name:"onChange",required:!1,type:{name:"((e: ChangeEvent) => void)"}}}}}catch{}const K={title:"Search",component:t,tags:["autodocs"],argTypes:{},args:{}},S=r=>e.jsx(u,{children:e.jsx(t,{...r})}),a=S.bind({});a.args={};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`args =>