@cruk/chakra-components 0.1.0-alpha.4 → 0.1.0-alpha.5

package/dist/cjs/packages/components/src/components/DonateWidget/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),t=require("@chakra-ui/react"),a=require("react"),i=require("../Button/index.js"),r=require("../FormField/index.js"),o=require("../Icon/index.js"),s=require("../Input/index.js"),c=require("../Link/index.js"),l=require("../Tabs/index.js"),u=require("../Text/index.js"),d=require("../Toggle/index.js"),p=t.forwardRef((function(p,m){var f=p.tabs,x=p.formAction,g=e.__rest(p,["tabs","formAction"]);if(0!==f.length&&0!==f[0].amounts.length){var h=f.findIndex((function(e){return"monthly"===e.tabListTitle.toLowerCase()})),b=a.useState(h),j=b[0],y=b[1],L=a.useState(""),v=L[0],T=L[1],w=a.useState(""),C=w[0],I=w[1],q=a.useState(""),S=q[0],k=q[1],_=a.useState(!0),F=_[0],P=_[1],D=a.useState(),M=D[0],B=D[1],A=function(){P(!0),B("")},E=function(e,n){e.preventDefault();var t=C||v,a=function(e,n){return"monthly"===e.tabListTitle.toLowerCase()&&n>850||"single"===e.tabListTitle.toLowerCase()&&n>1e5?(P(!1),B(e.errorMessageTooHigh),!1):n<2?(P(!1),B(e.errorMessageTooLow),!1):(P(!0),B(""),!0)}(f[j],parseFloat(t));if(a){var i=new URLSearchParams;"single"===f[j].tabListTitle.toLowerCase()?i.append("type","single"):(i.append("type","regular"),i.append("frequency",f[j].tabListTitle.toLowerCase())),i.append("amount",t);var r=i.toString(),o="".concat(n,"?").concat(r);window.location.assign(o)}};return n.jsx(l.Tabs,e.__assign({ref:m},g,{bg:"white",onChange:function(e){!function(e){y(e),k(""),T("")}(e)},index:j,children:n.jsxs("form",{"data-component":"donate-widget",onSubmit:function(e){return E(e,x)},"aria-label":"Donation form for single or monthly contributions",children:[n.jsx(t.TabList,{as:t.List,"aria-label":"List with ".concat(f.length," items"),children:f&&f.map((function(e,a){return n.jsx(t.ListItem,{width:"100%",children:n.jsx(t.Tab,{"aria-label":"Item ".concat(a+1,", ").concat(e.tabListTitle),children:e.tabListTitle},"prop-tabs-".concat(a))})}))}),n.jsx(t.TabPanels,{children:f&&f.map((function(a,l){return n.jsxs(t.TabPanel,{padding:"none",pt:6,children:[n.jsx(d.ToggleGroup,{options:a.amounts,value:v,onChange:function(e){return function(e,n){var t=n.amounts.find((function(n){return n.value.toString()===e.toString()}));t&&(T(t.value),k(t.statement||""),I(""),P(!0),B(""))}(e,a)},onFocus:function(){P(!0),B("")},children:void 0}),S&&n.jsx(t.Box,{mt:6,children:n.jsx(u.Text,{children:S})}),n.jsx(r.FormField,{label:a.inputLabel,errorMessage:M,optionalIndicator:!1,style:{marginTop:t.theme.space[6]},isInvalid:!F,children:n.jsx(s.Input,{placeholder:a.inputPlaceholder,inputType:"currency",title:"Enter a valid currency amount",onChange:function(e){return I(e.target.value)},onFocus:A,onKeyDown:function(e){var n;["e","E","+","-"].includes((n=e).key)&&n.preventDefault(),T(""),k("")},value:C})}),n.jsx(r.FormField,{errorMessage:"Please enter a donation of £2 or more",children:n.jsx(i.Button,e.__assign({},a.primaryCtaButton,{marginTop:6,"data-cta-level":"primary","data-link-type":"cta",type:"submit"}))}),a.secondaryCtaLink&&n.jsx(c.Link,{display:"block",as:a.secondaryCtaLink.as,variant:a.secondaryCtaLink.variant||"inline",href:a.secondaryCtaLink.href,mt:6,children:a.secondaryCtaLink.displayText}),a.paymentIcons&&n.jsx(o.IconContainer,{mt:6,as:t.List,"aria-label":"We accept donations by ".concat(a.paymentIcons.join(", ")),children:a.paymentIcons.map((function(e,a){return n.jsx(t.ListItem,{children:n.jsx(o.Icon,{boxSize:{base:50,lg:53},padding:0,name:e})},"payment-icon-".concat(a))}))})]},"tab-panels-".concat(l))}))})]})}))}}));exports.DonateWidget=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("@chakra-ui/react"),a=require("react"),i=require("../Button/index.js"),r=require("../FormField/index.js"),o=require("../Icon/index.js"),s=require("../Input/index.js"),c=require("../Link/index.js"),l=require("../Tabs/index.js"),u=require("../Text/index.js"),d=require("../Toggle/index.js"),p=n.forwardRef((function(p,m){var b=p.tabs,f=p.formAction,x=e.__rest(p,["tabs","formAction"]);if(0!==b.length&&0!==b[0].amounts.length){var g=b.findIndex((function(e){return"monthly"===e.tabListTitle.toLowerCase()})),h=a.useState(g),L=h[0],j=h[1],y=a.useState(""),T=y[0],v=y[1],w=a.useState(""),C=w[0],I=w[1],q=a.useState(""),S=q[0],k=q[1],_=a.useState(!0),F=_[0],P=_[1],D=a.useState(),M=D[0],B=D[1],A=function(){P(!0),B("")},E=function(e,t){e.preventDefault();var n=C||T,a=function(e,t){return"monthly"===e.tabListTitle.toLowerCase()&&t>850||"single"===e.tabListTitle.toLowerCase()&&t>1e5?(P(!1),B(e.errorMessageTooHigh),!1):t<2?(P(!1),B(e.errorMessageTooLow),!1):(P(!0),B(""),!0)}(b[L],parseFloat(n));if(a){var i=new URLSearchParams;"single"===b[L].tabListTitle.toLowerCase()?i.append("type","single"):(i.append("type","regular"),i.append("frequency",b[L].tabListTitle.toLowerCase())),i.append("amount",n);var r=i.toString(),o="".concat(t,"?").concat(r);window.location.assign(o)}};return t.jsx(l.Tabs,e.__assign({ref:m},x,{bg:"white",onChange:function(e){!function(e){j(e),k(""),v("")}(e)},index:L,children:t.jsxs("form",{"data-component":"donate-widget",onSubmit:function(e){return E(e,f)},"aria-label":"Donation form for single or monthly contributions",children:[t.jsx(n.TabList,{as:n.List,"aria-label":"List with ".concat(b.length," items"),children:b?b.map((function(e,a){return t.jsx(n.ListItem,{width:"100%",children:t.jsx(n.Tab,{"aria-label":"Item ".concat(a+1,", ").concat(e.tabListTitle),children:e.tabListTitle},"prop-tabs-".concat(e.tabListTitle))},"prop-listitem-".concat(e.tabListTitle))})):null}),t.jsx(n.TabPanels,{children:b?b.map((function(a,l){return t.jsxs(n.TabPanel,{padding:"none",pt:6,children:[t.jsx(d.ToggleGroup,{options:a.amounts,value:T,onChange:function(e){return function(e,t){var n=t.amounts.find((function(t){return t.value.toString()===e.toString()}));n&&(v(n.value),k(n.statement||""),I(""),P(!0),B(""))}(e,a)},onFocus:function(){P(!0),B("")},children:void 0}),S&&t.jsx(n.Box,{mt:6,children:t.jsx(u.Text,{children:S})}),t.jsx(r.FormField,{label:a.inputLabel,errorMessage:M,optionalIndicator:!1,style:{marginTop:n.theme.space[6]},isInvalid:!F,children:t.jsx(s.Input,{placeholder:a.inputPlaceholder,inputType:"currency",title:"Enter a valid currency amount",onChange:function(e){return I(e.target.value)},onFocus:A,onKeyDown:function(e){var t;["e","E","+","-"].includes((t=e).key)&&t.preventDefault(),v(""),k("")},value:C})}),t.jsx(r.FormField,{errorMessage:"Please enter a donation of £2 or more",children:t.jsx(i.Button,e.__assign({},a.primaryCtaButton,{marginTop:6,"data-cta-level":"primary","data-link-type":"cta",type:"submit"}))}),a.secondaryCtaLink&&t.jsx(c.Link,{display:"block",as:a.secondaryCtaLink.as,variant:a.secondaryCtaLink.variant||"inline",href:a.secondaryCtaLink.href,mt:6,children:a.secondaryCtaLink.displayText}),a.paymentIcons&&t.jsx(o.IconContainer,{mt:6,as:n.List,"aria-label":"We accept donations by ".concat(a.paymentIcons.join(", ")),children:a.paymentIcons.map((function(e,a){return t.jsx(n.ListItem,{children:t.jsx(o.Icon,{boxSize:{base:50,lg:53},padding:0,name:e})},"payment-icon-".concat(e))}))})]},"tab-panels-".concat(a.tabListTitle))})):null})]})}))}}));exports.DonateWidget=p;
 //# sourceMappingURL=index.js.map

package/dist/esm/packages/components/src/components/DonateWidget/index.js

@@ -1,2 +1,2 @@
-import{__rest as n,__assign as t}from"../../../../../_virtual/_tslib.js";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as o,TabList as r,List as i,ListItem as c,Tab as l,TabPanels as s,TabPanel as m,Box as d,theme as p}from"@chakra-ui/react";import{useState as u}from"react";import{Button as f}from"../Button/index.js";import{FormField as h}from"../FormField/index.js";import{IconContainer as g,Icon as y}from"../Icon/index.js";import{Input as b}from"../Input/index.js";import{Link as v}from"../Link/index.js";import{Tabs as L}from"../Tabs/index.js";import{Text as T}from"../Text/index.js";import{ToggleGroup as x}from"../Toggle/index.js";var w=o((function(o,w){var C=o.tabs,j=o.formAction,k=n(o,["tabs","formAction"]);if(0!==C.length&&0!==C[0].amounts.length){var I=C.findIndex((function(n){return"monthly"===n.tabListTitle.toLowerCase()})),S=u(I),F=S[0],D=S[1],M=u(""),P=M[0],A=M[1],B=u(""),E=B[0],_=B[1],q=u(""),z=q[0],H=q[1],K=u(!0),R=K[0],U=K[1],W=u(),G=W[0],J=W[1],N=function(){U(!0),J("")},O=function(n,t){n.preventDefault();var e=E||P,a=function(n,t){return"monthly"===n.tabListTitle.toLowerCase()&&t>850||"single"===n.tabListTitle.toLowerCase()&&t>1e5?(U(!1),J(n.errorMessageTooHigh),!1):t<2?(U(!1),J(n.errorMessageTooLow),!1):(U(!0),J(""),!0)}(C[F],parseFloat(e));if(a){var o=new URLSearchParams;"single"===C[F].tabListTitle.toLowerCase()?o.append("type","single"):(o.append("type","regular"),o.append("frequency",C[F].tabListTitle.toLowerCase())),o.append("amount",e);var r=o.toString(),i="".concat(t,"?").concat(r);window.location.assign(i)}};return e(L,t({ref:w},k,{bg:"white",onChange:function(n){!function(n){D(n),H(""),A("")}(n)},index:F,children:a("form",{"data-component":"donate-widget",onSubmit:function(n){return O(n,j)},"aria-label":"Donation form for single or monthly contributions",children:[e(r,{as:i,"aria-label":"List with ".concat(C.length," items"),children:C&&C.map((function(n,t){return e(c,{width:"100%",children:e(l,{"aria-label":"Item ".concat(t+1,", ").concat(n.tabListTitle),children:n.tabListTitle},"prop-tabs-".concat(t))})}))}),e(s,{children:C&&C.map((function(n,o){return a(m,{padding:"none",pt:6,children:[e(x,{options:n.amounts,value:P,onChange:function(t){return function(n,t){var e=t.amounts.find((function(t){return t.value.toString()===n.toString()}));e&&(A(e.value),H(e.statement||""),_(""),U(!0),J(""))}(t,n)},onFocus:function(){U(!0),J("")},children:void 0}),z&&e(d,{mt:6,children:e(T,{children:z})}),e(h,{label:n.inputLabel,errorMessage:G,optionalIndicator:!1,style:{marginTop:p.space[6]},isInvalid:!R,children:e(b,{placeholder:n.inputPlaceholder,inputType:"currency",title:"Enter a valid currency amount",onChange:function(n){return _(n.target.value)},onFocus:N,onKeyDown:function(n){var t;["e","E","+","-"].includes((t=n).key)&&t.preventDefault(),A(""),H("")},value:E})}),e(h,{errorMessage:"Please enter a donation of £2 or more",children:e(f,t({},n.primaryCtaButton,{marginTop:6,"data-cta-level":"primary","data-link-type":"cta",type:"submit"}))}),n.secondaryCtaLink&&e(v,{display:"block",as:n.secondaryCtaLink.as,variant:n.secondaryCtaLink.variant||"inline",href:n.secondaryCtaLink.href,mt:6,children:n.secondaryCtaLink.displayText}),n.paymentIcons&&e(g,{mt:6,as:i,"aria-label":"We accept donations by ".concat(n.paymentIcons.join(", ")),children:n.paymentIcons.map((function(n,t){return e(c,{children:e(y,{boxSize:{base:50,lg:53},padding:0,name:n})},"payment-icon-".concat(t))}))})]},"tab-panels-".concat(o))}))})]})}))}}));export{w as DonateWidget};
+import{__rest as n,__assign as t}from"../../../../../_virtual/_tslib.js";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as i,TabList as o,List as r,ListItem as c,Tab as l,TabPanels as s,TabPanel as m,Box as p,theme as u}from"@chakra-ui/react";import{useState as d}from"react";import{Button as f}from"../Button/index.js";import{FormField as h}from"../FormField/index.js";import{IconContainer as b,Icon as g}from"../Icon/index.js";import{Input as y}from"../Input/index.js";import{Link as L}from"../Link/index.js";import{Tabs as v}from"../Tabs/index.js";import{Text as T}from"../Text/index.js";import{ToggleGroup as x}from"../Toggle/index.js";var w=i((function(i,w){var C=i.tabs,j=i.formAction,k=n(i,["tabs","formAction"]);if(0!==C.length&&0!==C[0].amounts.length){var I=C.findIndex((function(n){return"monthly"===n.tabListTitle.toLowerCase()})),S=d(I),F=S[0],D=S[1],M=d(""),P=M[0],A=M[1],B=d(""),E=B[0],_=B[1],q=d(""),z=q[0],H=q[1],K=d(!0),R=K[0],U=K[1],W=d(),G=W[0],J=W[1],N=function(){U(!0),J("")},O=function(n,t){n.preventDefault();var e=E||P,a=function(n,t){return"monthly"===n.tabListTitle.toLowerCase()&&t>850||"single"===n.tabListTitle.toLowerCase()&&t>1e5?(U(!1),J(n.errorMessageTooHigh),!1):t<2?(U(!1),J(n.errorMessageTooLow),!1):(U(!0),J(""),!0)}(C[F],parseFloat(e));if(a){var i=new URLSearchParams;"single"===C[F].tabListTitle.toLowerCase()?i.append("type","single"):(i.append("type","regular"),i.append("frequency",C[F].tabListTitle.toLowerCase())),i.append("amount",e);var o=i.toString(),r="".concat(t,"?").concat(o);window.location.assign(r)}};return e(v,t({ref:w},k,{bg:"white",onChange:function(n){!function(n){D(n),H(""),A("")}(n)},index:F,children:a("form",{"data-component":"donate-widget",onSubmit:function(n){return O(n,j)},"aria-label":"Donation form for single or monthly contributions",children:[e(o,{as:r,"aria-label":"List with ".concat(C.length," items"),children:C?C.map((function(n,t){return e(c,{width:"100%",children:e(l,{"aria-label":"Item ".concat(t+1,", ").concat(n.tabListTitle),children:n.tabListTitle},"prop-tabs-".concat(n.tabListTitle))},"prop-listitem-".concat(n.tabListTitle))})):null}),e(s,{children:C?C.map((function(n,i){return a(m,{padding:"none",pt:6,children:[e(x,{options:n.amounts,value:P,onChange:function(t){return function(n,t){var e=t.amounts.find((function(t){return t.value.toString()===n.toString()}));e&&(A(e.value),H(e.statement||""),_(""),U(!0),J(""))}(t,n)},onFocus:function(){U(!0),J("")},children:void 0}),z&&e(p,{mt:6,children:e(T,{children:z})}),e(h,{label:n.inputLabel,errorMessage:G,optionalIndicator:!1,style:{marginTop:u.space[6]},isInvalid:!R,children:e(y,{placeholder:n.inputPlaceholder,inputType:"currency",title:"Enter a valid currency amount",onChange:function(n){return _(n.target.value)},onFocus:N,onKeyDown:function(n){var t;["e","E","+","-"].includes((t=n).key)&&t.preventDefault(),A(""),H("")},value:E})}),e(h,{errorMessage:"Please enter a donation of £2 or more",children:e(f,t({},n.primaryCtaButton,{marginTop:6,"data-cta-level":"primary","data-link-type":"cta",type:"submit"}))}),n.secondaryCtaLink&&e(L,{display:"block",as:n.secondaryCtaLink.as,variant:n.secondaryCtaLink.variant||"inline",href:n.secondaryCtaLink.href,mt:6,children:n.secondaryCtaLink.displayText}),n.paymentIcons&&e(b,{mt:6,as:r,"aria-label":"We accept donations by ".concat(n.paymentIcons.join(", ")),children:n.paymentIcons.map((function(n,t){return e(c,{children:e(g,{boxSize:{base:50,lg:53},padding:0,name:n})},"payment-icon-".concat(n))}))})]},"tab-panels-".concat(n.tabListTitle))})):null})]})}))}}));export{w as DonateWidget};
 //# sourceMappingURL=index.js.map

package/dist/types/src/components/Accordion/Accordion.stories.d.ts

@@ -1,4 +1,12 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from "@storybook/react";
+import { Accordion } from ".";
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Accordion - This is the base version of the Accordion Component. */
+export declare const Default: Story;
+/** TwoAccordionItems Accordion - This is the two accordion items version of the Accordion Component. */
+export declare const TwoAccordionItems: Story;
+/** ThreeAccordionItems Accordion - This is the three accordion items version of the Accordion Component. */
+export declare const ThreeAccordionItems: Story;
 //# sourceMappingURL=Accordion.stories.d.ts.map

package/dist/types/src/components/Accordion/Accordion.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";AAWA,wBAGU;AAEV,eAAO,MAAM,KAAK,+CAoCjB,CAAC"}
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EACL,SAAS,EAKV,MAAM,GAAG,CAAC;AAKX,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAWhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,+EAA+E;AAC/E,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,4GAA4G;AAC5G,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC"}

package/dist/types/src/components/Accordion/Accordion.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=Accordion.test.d.ts.map

package/dist/types/src/components/Accordion/Accordion.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Avatar/Avatar.stories.d.ts

@@ -1,10 +1,16 @@
-declare const _default: {
-    title: string;
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+import { Meta, StoryObj } from "@storybook/react";
+import { Avatar } from ".";
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Avatar - This is the base version of the Avatar Component. */
+export declare const Default: Story;
+/** Default Avatar With Sizes - This is the Avatar Component at different sizes. */
+export declare const WithSizes: Story;
+/** Default Avatar With SrcSet - This is the Avatar Component at different sizes using the "srcSet" property. */
+export declare const WithSrcSet: Story;
+/** Default Avatar within Avatar Group - This is the Avatar Component Group. */
+export declare const WithAvatarGroup: {
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
 };
-export default _default;
-export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithSizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithSrcSet: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithAvatarGroup: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/types/src/components/Avatar/Avatar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";;yBAQY,GAAG;;AAJf,wBAUE;AAEF,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAarB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAatB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAW3B,CAAC"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAA4B,MAAM,GAAG,CAAC;AAIrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAmB7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,yEAAyE;AACzE,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,gHAAgH;AAChH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,eAAe;;CAyB3B,CAAC"}

package/dist/types/src/components/Badge/Badge.stories.d.ts

@@ -1,9 +1,12 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Badge } from ".";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const BasicPrimary: Story;
-export declare const BasicSecondary: Story;
-export declare const BasicTertiary: Story;
-type Story = StoryObj<typeof Badge>;
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Badge - This is the base version of the Badge Component. */
+export declare const Default: Story;
+/** Secondary Version of Badge - This is the secondary version of the Badge Component. */
+export declare const Secondary: Story;
+/** Tertiary Version of Badge - This is the tertiary version of the Badge Component. */
+export declare const Tertiary: Story;
 //# sourceMappingURL=Badge.stories.d.ts.map

package/dist/types/src/components/Badge/Badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;;AAI1B,wBAcU;AAEV,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AACF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAM1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAwB5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,uEAAuE;AACvE,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/types/src/components/Badge/Badge.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=Badge.test.d.ts.map

package/dist/types/src/components/Badge/Badge.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/Badge.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Box/Box.stories.d.ts

@@ -1,8 +1,11 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const BasicGrey: () => import("react/jsx-runtime").JSX.Element;
-export declare const BasicBlue: () => import("react/jsx-runtime").JSX.Element;
-export declare const BasicMagenta: () => import("react/jsx-runtime").JSX.Element;
-export declare const BasicCyan: () => import("react/jsx-runtime").JSX.Element;
-export declare const BoxWithSpacer: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from "@storybook/react";
+import { Box } from "./index";
+declare const meta: Meta<typeof Box>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Blue: Story;
+export declare const Magenta: Story;
+export declare const Cyan: Story;
+export declare const BoxWithSpacer: Story;
 //# sourceMappingURL=Box.stories.d.ts.map

package/dist/types/src/components/Box/Box.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";AAKA,wBAIU;AAEV,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAUzB,CAAC"}
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAI9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CA+B1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC"}

package/dist/types/src/components/Box/Box.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=Box.test.d.ts.map

package/dist/types/src/components/Box/Box.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Box/Box.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts

@@ -2,8 +2,11 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { Breadcrumb } from ".";
 declare const meta: Meta<typeof Breadcrumb>;
 export default meta;
-type Story = StoryObj<typeof Breadcrumb>;
+type Story = StoryObj<typeof meta>;
+/** Default Breadcumb - This is the base version of the Breadcrumb Component. */
 export declare const Default: Story;
+/** Toplevel Breadcrumb - This is the top level version of the Breadcrumb Component. */
 export declare const TopLevelBreadcrumb: Story;
+/** Long Breadcrumb - This is the long version of the Breadcrumb Component. */
 export declare const LongBreadcrumb: Story;
 //# sourceMappingURL=Breadcrumb.stories.d.ts.map

package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAkC,MAAM,GAAG,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC"}
+{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAkC,MAAM,GAAG,CAAC;AAI/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAWjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,gFAAgF;AAChF,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC"}

package/dist/types/src/components/Button/Button.stories.d.ts

@@ -1,15 +1,24 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Button } from ".";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Primary Button - This is the base version of the Button Component. */
 export declare const Primary: Story;
+/** Primary Navy Button - This is the base version of the Button Component in Navy. */
 export declare const PrimaryNavy: Story;
+/** Primary Button with IconLeft - This is the primary version of the Button Component with an Icon on the left. */
+export declare const IconLeftPrimary: Story;
+/** Secondary Button - This is the secondary version of the Button Component. */
 export declare const Secondary: Story;
+/** Secondary Button In Navy - This is the secondary version of the Button Component in navy. */
 export declare const SecondaryNavy: Story;
-export declare const Alternative: Story;
-export declare const IconLeftPrimary: Story;
+/** Secondary Button with IconRight - This is the secondary version of the Button Component with an Icon on the right. */
 export declare const IconRightSecondary: Story;
+/** Alternative Button - This is the alternative version of the Button Component. */
+export declare const Alternative: Story;
+/** Link Button - This is the link version of the Button Component. */
 export declare const Link: Story;
+/** Truncation Control Button - This is the trucation control version of the Button Component. */
 export declare const TruncationControl: Story;
-type Story = StoryObj<typeof Button>;
 //# sourceMappingURL=Button.stories.d.ts.map

package/dist/types/src/components/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;;AAI3B,wBAmBU;AAEV,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAI/B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAM3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA0B7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,yEAAyE;AACzE,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,mHAAmH;AACnH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,yHAAyH;AACzH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC"}

package/dist/types/src/components/Button/IconButton.d.ts

@@ -1,4 +1,4 @@
 import { IconButtonProps } from "@chakra-ui/react";
 declare const IconButton: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", IconButtonProps>;
-export default IconButton;
+export { IconButton, type IconButtonProps };
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/types/src/components/Button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,UAAU,0FAYd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,UAAU,0FAYd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAC"}

package/dist/types/src/components/Button/IconButton.stories.d.ts

@@ -1,4 +1,8 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Primary: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from "@storybook/react";
+import { IconButton } from "./IconButton";
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Primary IconButton - This is the base version of the IconButton Component. */
+export declare const Primary: Story;
 //# sourceMappingURL=IconButton.stories.d.ts.map

package/dist/types/src/components/Button/IconButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.stories.tsx"],"names":[],"mappings":";AAOA,wBAaU;AAEV,eAAO,MAAM,OAAO,+CAMnB,CAAC"}
+{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAoBjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iFAAiF;AACjF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC"}

package/dist/types/src/components/Button/IconButton.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=IconButton.test.d.ts.map

package/dist/types/src/components/Button/IconButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Card/Card.stories.d.ts

@@ -13,7 +13,7 @@ export declare const Social: Story;
 export declare const Navigation: Story;
 /** One Column Card Stack - This is the One Column version of multiple Card Components. */
 export declare const OneColumnCardStack: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         design: {
             type: string;
@@ -24,7 +24,7 @@ export declare const OneColumnCardStack: {
 };
 /** Two Column Card Stack - This is the Two Column version of multiple Card Components. */
 export declare const TwoColumnCardStack: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         design: {
             type: string;
@@ -35,7 +35,7 @@ export declare const TwoColumnCardStack: {
 };
 /** Three Column Card Stack - This is the Three Column version of multiple Card Components. */
 export declare const ThreeColumnCardStack: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         design: {
             type: string;

package/dist/types/src/components/Circle/Circle.stories.d.ts

@@ -1,9 +1,12 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Circle } from ".";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const BasicPrimary: Story;
-export declare const BasicSecondary: Story;
-export declare const BasicTertiary: Story;
-type Story = StoryObj<typeof Circle>;
+declare const meta: Meta<typeof Circle>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Primary Circle - This is the base version of the Circle Component. */
+export declare const Primary: Story;
+/** Secondary Circle - This is the secondary version of the Circle Component. */
+export declare const Secondary: Story;
+/** Tertiary Circle - This is the tertiary version of the Circle Component. */
+export declare const Tertiary: Story;
 //# sourceMappingURL=Circle.stories.d.ts.map

package/dist/types/src/components/Circle/Circle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Circle/Circle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;;AAI3B,wBAYU;AAEV,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Circle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Circle/Circle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAM3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAmB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,yEAAyE;AACzE,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/types/src/components/CircleDevice/CircleDevice.stories.d.ts

@@ -1,10 +1,14 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { CircleDevice } from ".";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
+declare const meta: Meta<typeof CircleDevice>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Circle Device - This is the base version of the Circle Device Component. */
 export declare const Default: Story;
+/** Without Text Circle Device - This is the base version of the Circle Device Component without text. */
 export declare const WithoutText: Story;
+/** Without Heading Circle Device - This is the base version of the Circle Device Component without a heading. */
 export declare const WithoutHeading: Story;
+/** Without Different Colours Circle Device - This is the base version of the Circle Device Component with different colours. */
 export declare const WithDifferentColorCircles: Story;
-type Story = StoryObj<typeof CircleDevice>;
 //# sourceMappingURL=CircleDevice.stories.d.ts.map

package/dist/types/src/components/CircleDevice/CircleDevice.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircleDevice.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CircleDevice/CircleDevice.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAqB,MAAM,GAAG,CAAC;;AAkBpD,wBAyBU;AAEV,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAsBvC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"CircleDevice.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CircleDevice/CircleDevice.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAqB,MAAM,GAAG,CAAC;AAoBpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoCnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,uFAAuF;AACvF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,iHAAiH;AACjH,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,gIAAgI;AAChI,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC"}

package/dist/types/src/components/CircleDevice/CircleDevice.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=CircleDevice.test.d.ts.map

package/dist/types/src/components/CircleDevice/CircleDevice.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleDevice.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/CircleDevice/CircleDevice.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Container/Container.stories.d.ts

@@ -1,6 +1,19 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
-export declare const BasicWithBorder: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithCenteredBox: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from "@storybook/react";
+import { Container } from ".";
+declare const meta: Meta<typeof Container>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Basic Container - This is the base version of the Container Component. */
+export declare const Basic: Story;
+/** Basic with Border Container - This is the base version of the Container Component with a 1px border. */
+export declare const BasicWithBorder: Story;
+/** Basic with Centered Items Container - This is the base version of the Container Component with a 4px border and centered items. */
+export declare const WithCenteredBox: {
+    args: {
+        border: string;
+        p: string;
+        centerContent: boolean;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
 //# sourceMappingURL=Container.stories.d.ts.map

package/dist/types/src/components/Container/Container.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Container/Container.stories.tsx"],"names":[],"mappings":";AAKA,wBAIU;AAEV,eAAO,MAAM,KAAK,+CAOjB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAO3B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAM3B,CAAC"}
+{"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAI9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAgChC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6EAA6E;AAC7E,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,2GAA2G;AAC3G,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,sIAAsI;AACtI,eAAO,MAAM,eAAe;;;;;;;CAa3B,CAAC"}

package/dist/types/src/components/Container/Container.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=Container.test.d.ts.map

package/dist/types/src/components/Container/Container.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Container/Container.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Container/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/types/src/components/Divider/Divider.stories.d.ts

@@ -1,7 +1,10 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Divider } from ".";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: StoryObj<typeof Divider>;
-export declare const FooterVariant: StoryObj<typeof Divider>;
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Divider - This is the base version of the Divider Component. */
+export declare const Default: Story;
+/** Footer Divider - This is the footer version of the Divider Component. */
+export declare const FooterVariant: Story;
 //# sourceMappingURL=Divider.stories.d.ts.map

package/dist/types/src/components/Divider/Divider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;;AAI5B,wBAeU;AAEV,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,OAAO,CAI5C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,OAAO,CAKlD,CAAC"}
+{"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAM5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAsB9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,2EAA2E;AAC3E,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC"}

package/dist/types/src/components/Divider/Divider.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=Divider.test.d.ts.map

package/dist/types/src/components/Divider/Divider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Divider/Divider.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/DonateWidget/DonateWidget.stories.d.ts

@@ -1,30 +1,8 @@
-import { AmountProps, DonateWidgetProps } from "./index";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: {
-    (args: DonateWidgetProps): import("react/jsx-runtime").JSX.Element;
-    args: {
-        tabs: {
-            tabListTitle: string;
-            amounts: AmountProps[];
-            inputLabel: string;
-            inputPlaceholder: string;
-            primaryCtaButtonCustomLink: {
-                children: string;
-            };
-            primaryCtaButton: {
-                children: string;
-                href: string;
-            };
-            errorMessageTooHigh: string;
-            errorMessageTooLow: string;
-            secondaryCtaLink: {
-                displayText: string;
-                href: string;
-                variant: string;
-            };
-            paymentIcons: string[];
-        }[];
-    };
-};
+import { Meta, StoryObj } from "@storybook/react";
+import { DonateWidget } from "./index";
+declare const meta: Meta<typeof DonateWidget>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Donate Widget - This is the base version of the Donate Widget Component. */
+export declare const Default: Story;
 //# sourceMappingURL=DonateWidget.stories.d.ts.map

package/dist/types/src/components/DonateWidget/DonateWidget.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonateWidget.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonateWidget/DonateWidget.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAC;;AAEvE,wBAGU;AAuBV,eAAO,MAAM,OAAO;WAAU,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAA+B,CAAC"}
+{"version":3,"file":"DonateWidget.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonateWidget/DonateWidget.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAe,YAAY,EAAqB,MAAM,SAAS,CAAC;AAyBvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAgEnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,uFAAuF;AACvF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/types/src/components/DonateWidget/index.d.ts

@@ -21,6 +21,9 @@ type TabProps = {
     inputLabel: string;
     inputPlaceholder: string;
     primaryCtaButton?: ButtonProps;
+    primaryCtaButtonCustomLink?: {
+        children: string;
+    };
     secondaryCtaLink?: DonateLinkProps;
     paymentIcons?: string[];
     errorMessageTooHigh: React.ReactNode;

package/dist/types/src/components/DonateWidget/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonateWidget/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqC,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAIhD,OAAO,EAAQ,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAA2C,SAAS,EAAE,MAAM,SAAS,CAAC;AAI7E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,UAAU,eAAgB,SAAQ,SAAS;IACzC,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,KAAK,QAAQ,GAAG;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,UAAU,iBAAkB,SAAQ,SAAS;IAC3C,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,yFA2OhB,CAAC;AAEH,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DonateWidget/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAqC,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAIhD,OAAO,EAAQ,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAA2C,SAAS,EAAE,MAAM,SAAS,CAAC;AAI7E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,UAAU,eAAgB,SAAQ,SAAS;IACzC,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,KAAK,QAAQ,GAAG;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,0BAA0B,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,UAAU,iBAAkB,SAAQ,SAAS;IAC3C,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,yFAoPhB,CAAC;AAEH,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}

package/dist/types/src/components/Flex/Flex.stories.d.ts

@@ -1,5 +1,10 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
-export declare const FlexSpacer: () => import("react/jsx-runtime").JSX.Element;
+import { Flex } from "@chakra-ui/react";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof Flex>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Flex Component - This is the base version of the Flex Component. */
+export declare const Basic: Story;
+/** Default Flex Component With Spacer - This is the base version of the Flex Component with a spacer. */
+export declare const FlexSpacer: Story;
 //# sourceMappingURL=Flex.stories.d.ts.map

package/dist/types/src/components/Flex/Flex.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":";AAKA,wBAIU;AAEV,eAAO,MAAM,KAAK,+CAYjB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAUtB,CAAC"}
+{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAU,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,+EAA+E;AAC/E,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC"}

package/dist/types/src/components/Flex/Flex.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=Flex.test.d.ts.map

package/dist/types/src/components/Flex/Flex.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Flex/Flex.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/types/src/components/Footer/Footer.stories.d.ts

@@ -1,4 +1,8 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const FOOTER: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from "@storybook/react";
+import { Footer } from ".";
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Default Footer - This is the base version of the Footer Component. */
+export declare const FOOTER: Story;
 //# sourceMappingURL=Footer.stories.d.ts.map

package/dist/types/src/components/Footer/Footer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Footer/Footer.stories.tsx"],"names":[],"mappings":";AAMA,wBAIU;AA8BV,eAAO,MAAM,MAAM,+CAMlB,CAAC"}
+{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Footer/Footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAa,MAAM,GAAG,CAAC;AAMtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAW7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoCnC,yEAAyE;AACzE,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC"}

package/dist/types/template/template-test.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=template-test.d.ts.map

package/dist/types/template/template-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-test.d.ts","sourceRoot":"","sources":["../../../template/template-test.tsx"],"names":[],"mappings":""}

package/dist/types/template/template.stories.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=template.stories.d.ts.map

package/dist/types/template/template.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.stories.d.ts","sourceRoot":"","sources":["../../../template/template.stories.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.5",
   "description": "Chakra UI based components for CRUK - Work In Progress",
   "main": "./dist/cjs/packages/components/src/index.js",
   "module": "./dist/esm/packages/components/src/index.js",