quirk-ui 0.1.146 → 0.1.148

package/dist/{CategoryFilters-BJ_M7DHy.js → CategoryFilters--D0RlQhF.js}

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { B as h } from "./index-BnvfQt_k.js";
+import { B as h } from "./index-aWdsapYP.js";
 import { X as v } from "./x-CnsEH4Ox.js";
 import './CategoryFilters.css';const p = "_documentList_1vg9o_1", u = "_container_1vg9o_9", m = "_heading_1vg9o_20", b = "_title_1vg9o_25", f = "_eyebrow_1vg9o_30", H = "_listContainer_1vg9o_34", L = "_listWrapper_1vg9o_45", S = "_list_1vg9o_34", F = "_listHeader_1vg9o_66", w = "_listSearch_1vg9o_79", y = "_clearSearch_1vg9o_106", C = "_listHeaderFilters_1vg9o_125", k = "_listResults_1vg9o_136", x = "_listSort_1vg9o_140", N = "_filterToggle_1vg9o_163", I = "_filterHeader_1vg9o_178", M = "_loadMore_1vg9o_199", R = "_filterList_1vg9o_203", T = "_listFilters_1vg9o_210", W = "_applyFilters_1vg9o_218", j = "_show_1vg9o_247", B = "_hide_1vg9o_256", $ = "_buttonIsLoading_1vg9o_307", s = {
   documentList: p,

package/dist/{CategoryFilters-DTw0ob7y.cjs → CategoryFilters-CZEie9fX.cjs}

@@ -1 +1 @@
-"use strict";require('./CategoryFilters.css');const t=require("react/jsx-runtime"),g=require("./index-D7SAxT5B.cjs"),h=require("./x-Dft9NVe_.cjs"),v="_documentList_1vg9o_1",u="_container_1vg9o_9",p="_heading_1vg9o_20",x="_title_1vg9o_25",b="_eyebrow_1vg9o_30",y="_listContainer_1vg9o_34",F="_listWrapper_1vg9o_45",H="_list_1vg9o_34",L="_listHeader_1vg9o_66",S="_listSearch_1vg9o_79",j="_clearSearch_1vg9o_106",m="_listHeaderFilters_1vg9o_125",f="_listResults_1vg9o_136",w="_listSort_1vg9o_140",C="_filterToggle_1vg9o_163",k="_filterHeader_1vg9o_178",q="_loadMore_1vg9o_199",N="_filterList_1vg9o_203",$="_listFilters_1vg9o_210",I="_applyFilters_1vg9o_218",M="_show_1vg9o_247",R="_hide_1vg9o_256",T="_buttonIsLoading_1vg9o_307",e={documentList:v,container:u,heading:p,title:x,eyebrow:b,listContainer:y,listWrapper:F,list:H,listHeader:L,listSearch:S,clearSearch:j,listHeaderFilters:m,listResults:f,listSort:w,filterToggle:C,filterHeader:k,loadMore:q,filterList:N,listFilters:$,applyFilters:I,show:M,hide:R,buttonIsLoading:T};function W({categoryFilters:i,selectedCategories:o,onSelectionChange:n,showFilters:_,toggleFilters:l,isLoading:r}){return t.jsxs("div",{className:`${e.listFilters} ${_?e.show:e.hide}`,children:[t.jsxs("div",{className:e.filterHeader,children:[t.jsx("h5",{children:"Filters"}),t.jsx("button",{onClick:l,children:t.jsx(h.X,{size:24})})]}),t.jsx("div",{className:e.filterList,children:i==null?void 0:i.map(s=>t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",value:s._id,checked:o.includes(s._id),onChange:c=>{const a=c.target.checked?[...o,s._id]:o.filter(d=>d!==s._id);n(a)}}),s.title]},s._id))}),t.jsx(g.Button,{as:"button",variant:"secondary",onClick:l,disabled:r,className:e.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=W;exports.styles=e;
+"use strict";require('./CategoryFilters.css');const t=require("react/jsx-runtime"),g=require("./index-0SVQqhAg.cjs"),h=require("./x-Dft9NVe_.cjs"),v="_documentList_1vg9o_1",u="_container_1vg9o_9",p="_heading_1vg9o_20",x="_title_1vg9o_25",b="_eyebrow_1vg9o_30",y="_listContainer_1vg9o_34",F="_listWrapper_1vg9o_45",H="_list_1vg9o_34",L="_listHeader_1vg9o_66",S="_listSearch_1vg9o_79",j="_clearSearch_1vg9o_106",m="_listHeaderFilters_1vg9o_125",f="_listResults_1vg9o_136",w="_listSort_1vg9o_140",C="_filterToggle_1vg9o_163",k="_filterHeader_1vg9o_178",q="_loadMore_1vg9o_199",N="_filterList_1vg9o_203",$="_listFilters_1vg9o_210",I="_applyFilters_1vg9o_218",M="_show_1vg9o_247",R="_hide_1vg9o_256",T="_buttonIsLoading_1vg9o_307",e={documentList:v,container:u,heading:p,title:x,eyebrow:b,listContainer:y,listWrapper:F,list:H,listHeader:L,listSearch:S,clearSearch:j,listHeaderFilters:m,listResults:f,listSort:w,filterToggle:C,filterHeader:k,loadMore:q,filterList:N,listFilters:$,applyFilters:I,show:M,hide:R,buttonIsLoading:T};function W({categoryFilters:i,selectedCategories:o,onSelectionChange:n,showFilters:_,toggleFilters:l,isLoading:r}){return t.jsxs("div",{className:`${e.listFilters} ${_?e.show:e.hide}`,children:[t.jsxs("div",{className:e.filterHeader,children:[t.jsx("h5",{children:"Filters"}),t.jsx("button",{onClick:l,children:t.jsx(h.X,{size:24})})]}),t.jsx("div",{className:e.filterList,children:i==null?void 0:i.map(s=>t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",value:s._id,checked:o.includes(s._id),onChange:c=>{const a=c.target.checked?[...o,s._id]:o.filter(d=>d!==s._id);n(a)}}),s.title]},s._id))}),t.jsx(g.Button,{as:"button",variant:"secondary",onClick:l,disabled:r,className:e.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=W;exports.styles=e;

package/dist/core/components/Button/Button.test.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("../../../index-D7SAxT5B.cjs");require("../../../index-CW_Ehh1q.cjs");e.describe("Button",()=>{e.describe("Rendering as button",()=>{e.it("renders as a button by default",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Click Me"}));const t=e.screen.getByRole("button",{name:"Click Me"});e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t.tagName).toBe("BUTTON")}),e.it("renders as a button when 'as' is set to 'button'",()=>{e.render(n.jsx(r.Button,{as:"button",variant:"primary",children:"Click Me"}));const t=e.screen.getByRole("button",{name:"Click Me"});e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t).toHaveClass("button","primary")}),e.it("has type='button' by default",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Click Me"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("type","button")}),e.it("respects the disabled prop on buttons",()=>{e.render(n.jsx(r.Button,{as:"button",variant:"primary",disabled:!0,children:"Disabled"}));const t=e.screen.getByRole("button",{name:"Disabled"});e.globalExpect(t).toBeDisabled()}),e.it("calls onClick when clicked",()=>{const t=e.vi.fn();e.render(n.jsx(r.Button,{variant:"primary",onClick:t,children:"Click Me"}));const o=e.screen.getByRole("button");e.fireEvent.click(o),e.globalExpect(t).toHaveBeenCalledTimes(1)}),e.it("does not call onClick when disabled",()=>{const t=e.vi.fn();e.render(n.jsx(r.Button,{variant:"primary",onClick:t,disabled:!0,children:"Disabled"}));const o=e.screen.getByRole("button");e.fireEvent.click(o),e.globalExpect(t).not.toHaveBeenCalled()})}),e.describe("Rendering as anchor",()=>{e.it("renders as an anchor when 'as' is set to 'a'",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",children:"Click Me"}));const t=e.screen.getByRole("link",{name:"Click Me"});e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t.tagName).toBe("A"),e.globalExpect(t).toHaveAttribute("href","/test"),e.globalExpect(t).toHaveClass("button","link")}),e.it("adds rel='noopener noreferrer' when target is '_blank'",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",target:"_blank",variant:"link",children:"External"}));const t=e.screen.getByRole("link",{name:"External"});e.globalExpect(t).toHaveAttribute("rel","noopener noreferrer")}),e.it("preserves custom rel attribute and adds security",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",target:"_blank",rel:"author",variant:"link",children:"External"}));const t=e.screen.getByRole("link");e.globalExpect(t).toHaveAttribute("rel","author noopener noreferrer")}),e.it("does not add security rel for internal links",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",children:"Internal"}));const t=e.screen.getByRole("link");e.globalExpect(t).not.toHaveAttribute("rel")}),e.it("adds aria-disabled when disabled",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",disabled:!0,children:"Disabled Link"}));const t=e.screen.getByRole("link");e.globalExpect(t).toHaveAttribute("aria-disabled","true")})}),e.describe("Scroll button",()=>{e.it("renders as a scroll button when 'as' is set to 'scroll'",()=>{e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"section-1",variant:"primary",children:"Scroll Down"}));const t=e.screen.getByRole("button",{name:"Scroll to section-1"});e.globalExpect(t).toBeInTheDocument()}),e.it("has proper aria-label for scroll button",()=>{e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"footer",variant:"primary",children:"To Footer"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("aria-label","Scroll to footer")}),e.it("scrolls to target element when clicked",()=>{const t=document.createElement("div");t.id="target-section",document.body.appendChild(t);const o=e.vi.fn();t.scrollIntoView=o,e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"target-section",variant:"primary",children:"Scroll"}));const a=e.screen.getByRole("button");e.fireEvent.click(a),e.globalExpect(o).toHaveBeenCalledWith({behavior:"smooth",block:"start"}),document.body.removeChild(t)}),e.it("does not error if scroll target does not exist",()=>{e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"non-existent",variant:"primary",children:"Scroll"}));const t=e.screen.getByRole("button");e.globalExpect(()=>e.fireEvent.click(t)).not.toThrow()})}),e.describe("Variants",()=>{["primary","primaryInverted","secondary","secondaryInverted","link","linkInverted","underline","underlineInverted","blurred","blurredInverted"].forEach(o=>{e.it(`applies ${o} variant class`,()=>{e.render(n.jsx(r.Button,{variant:o,children:"Button"}));const a=e.screen.getByRole("button");e.globalExpect(a).toHaveClass(o)})}),e.it("uses primary variant by default",()=>{e.render(n.jsx(r.Button,{children:"Default"}));const o=e.screen.getByRole("button");e.globalExpect(o).toHaveClass("primary")})}),e.describe("Icons",()=>{e.it("includes icon when icon prop is provided",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-right",children:"Next"}));const t=document.querySelector(".icon");e.globalExpect(t).toBeInTheDocument();const o=t==null?void 0:t.querySelector("svg");e.globalExpect(o).toBeInTheDocument()}),e.it("places icon on the left when iconAlignment is 'left'",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-left",iconAlignment:"left",children:"Back"}));const t=document.querySelector(".content");e.globalExpect(t).toHaveClass("iconLeft")}),e.it("places icon on the right when iconAlignment is 'right'",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-right",iconAlignment:"right",children:"Next"}));const t=document.querySelector(".content");e.globalExpect(t).toHaveClass("iconRight")}),e.it("uses right alignment by default",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-right",children:"Default Icon"}));const t=document.querySelector(".content");e.globalExpect(t).toHaveClass("iconRight")}),e.it("icon has aria-hidden attribute",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"settings",children:"Settings"}));const t=document.querySelector(".icon");e.globalExpect(t).toHaveAttribute("aria-hidden","true")}),e.it("works with anchor links",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",icon:"new-tab",children:"External"}));const t=document.querySelector(".icon");e.globalExpect(t).toBeInTheDocument()})}),e.describe("Image display",()=>{e.it("renders image when displayType is 'image' and imageSrc is provided",()=>{e.render(n.jsx(r.Button,{variant:"primary",displayType:"image",imageSrc:"/logo.png",imageAlt:"Company Logo",children:"Text not shown"}));const t=document.querySelector("img");e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t).toHaveAttribute("src","/logo.png"),e.globalExpect(t).toHaveAttribute("alt","Company Logo")}),e.it("renders ImageComponent when provided",()=>{const t=()=>n.jsx("div",{"data-testid":"custom-image",children:"Custom"});e.render(n.jsx(r.Button,{variant:"primary",displayType:"image",ImageComponent:n.jsx(t,{}),children:"Text"})),e.globalExpect(e.screen.getByTestId("custom-image")).toBeInTheDocument()}),e.it("applies image class when displayType is image",()=>{e.render(n.jsx(r.Button,{variant:"primary",displayType:"image",imageSrc:"/logo.png",children:"Text"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveClass("image"),e.globalExpect(t).not.toHaveClass("primary")})}),e.describe("Custom className",()=>{e.it("applies custom className",()=>{e.render(n.jsx(r.Button,{variant:"primary",className:"custom-button",children:"Custom"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveClass("custom-button"),e.globalExpect(t).toHaveClass("button"),e.globalExpect(t).toHaveClass("primary")})}),e.describe("Accessibility",()=>{e.it("has button role for button element",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Click"})),e.globalExpect(e.screen.getByRole("button")).toBeInTheDocument()}),e.it("has link role for anchor element",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",children:"Link"})),e.globalExpect(e.screen.getByRole("link")).toBeInTheDocument()}),e.it("supports aria attributes",()=>{e.render(n.jsx(r.Button,{variant:"primary","aria-label":"Custom Label","aria-describedby":"desc",children:"Button"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("aria-label","Custom Label"),e.globalExpect(t).toHaveAttribute("aria-describedby","desc")})}),e.describe("Edge cases",()=>{e.it("handles undefined variant",()=>{e.render(n.jsx(r.Button,{variant:void 0,children:"No Variant"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveClass("button")}),e.it("handles empty children",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Primary"}));const t=e.screen.getByRole("button");e.globalExpect(t).toBeInTheDocument()}),e.it("handles complex children",()=>{e.render(n.jsxs(r.Button,{variant:"primary",children:[n.jsx("span",{children:"Complex"}),n.jsx("strong",{children:"Children"})]})),e.globalExpect(e.screen.getByText("Complex")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Children")).toBeInTheDocument()})})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("../../../index-0SVQqhAg.cjs");require("../../../index-CW_Ehh1q.cjs");const a=e.vi.fn();e.vi.mock("../../context/ModalContext",()=>({useModal:()=>({open:a})}));e.describe("Button",()=>{e.describe("Rendering as button",()=>{e.it("renders as a button by default",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Click Me"}));const t=e.screen.getByRole("button",{name:"Click Me"});e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t.tagName).toBe("BUTTON")}),e.it("renders as a button when 'as' is set to 'button'",()=>{e.render(n.jsx(r.Button,{as:"button",variant:"primary",children:"Click Me"}));const t=e.screen.getByRole("button",{name:"Click Me"});e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t).toHaveClass("button","primary")}),e.it("has type='button' by default",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Click Me"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("type","button")}),e.it("respects the disabled prop on buttons",()=>{e.render(n.jsx(r.Button,{as:"button",variant:"primary",disabled:!0,children:"Disabled"}));const t=e.screen.getByRole("button",{name:"Disabled"});e.globalExpect(t).toBeDisabled()}),e.it("calls onClick when clicked",()=>{const t=e.vi.fn();e.render(n.jsx(r.Button,{variant:"primary",onClick:t,children:"Click Me"})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(t).toHaveBeenCalledTimes(1)}),e.it("does not call onClick when disabled",()=>{const t=e.vi.fn();e.render(n.jsx(r.Button,{variant:"primary",onClick:t,disabled:!0,children:"Disabled"})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(t).not.toHaveBeenCalled()})}),e.describe("Rendering as anchor",()=>{e.it("renders as an anchor when 'as' is set to 'a'",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",children:"Click Me"}));const t=e.screen.getByRole("link",{name:"Click Me"});e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t.tagName).toBe("A"),e.globalExpect(t).toHaveAttribute("href","/test"),e.globalExpect(t).toHaveClass("button","link")}),e.it("adds rel='noopener noreferrer' when target is '_blank'",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",target:"_blank",variant:"link",children:"External"})),e.globalExpect(e.screen.getByRole("link",{name:"External"})).toHaveAttribute("rel","noopener noreferrer")}),e.it("preserves custom rel attribute and adds security",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",target:"_blank",rel:"author",variant:"link",children:"External"})),e.globalExpect(e.screen.getByRole("link")).toHaveAttribute("rel","author noopener noreferrer")}),e.it("does not add security rel for internal links",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",children:"Internal"})),e.globalExpect(e.screen.getByRole("link")).not.toHaveAttribute("rel")}),e.it("adds aria-disabled when disabled",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",disabled:!0,children:"Disabled Link"})),e.globalExpect(e.screen.getByRole("link")).toHaveAttribute("aria-disabled","true")})}),e.describe("Scroll button",()=>{e.it("renders as a scroll button when 'as' is set to 'scroll'",()=>{e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"section-1",variant:"primary",children:"Scroll Down"})),e.globalExpect(e.screen.getByRole("button",{name:"Scroll to section-1"})).toBeInTheDocument()}),e.it("has proper aria-label for scroll button",()=>{e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"footer",variant:"primary",children:"To Footer"})),e.globalExpect(e.screen.getByRole("button")).toHaveAttribute("aria-label","Scroll to footer")}),e.it("scrolls to target element when clicked",()=>{const t=document.createElement("div");t.id="target-section",document.body.appendChild(t);const o=e.vi.fn();t.scrollIntoView=o,e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"target-section",variant:"primary",children:"Scroll"})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(o).toHaveBeenCalledWith({behavior:"smooth",block:"start"}),document.body.removeChild(t)}),e.it("uses scrollTo with offset when scrollOffset is set",()=>{const t=document.createElement("div");t.id="offset-section",document.body.appendChild(t);const o=e.vi.fn();window.scrollTo=o,e.vi.spyOn(t,"getBoundingClientRect").mockReturnValue({top:200}),e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"offset-section",scrollOffset:80,variant:"primary",children:"Scroll"})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(o).toHaveBeenCalledWith({top:e.globalExpect.any(Number),behavior:"smooth"}),document.body.removeChild(t)}),e.it("does not error if scroll target does not exist",()=>{e.render(n.jsx(r.Button,{as:"scroll",scrollTarget:"non-existent",variant:"primary",children:"Scroll"})),e.globalExpect(()=>e.fireEvent.click(e.screen.getByRole("button"))).not.toThrow()})}),e.describe("Modal button",()=>{e.it("renders as a button when 'as' is set to 'modal'",()=>{e.render(n.jsx(r.Button,{as:"modal",modalPayload:{heading:"Contact Us"},variant:"primary",children:"Open Modal"})),e.globalExpect(e.screen.getByRole("button",{name:"Open Modal"})).toBeInTheDocument()}),e.it("calls useModal open with the payload when clicked",()=>{const t={heading:"Contact Us",formReference:{_id:"form-123",heading:"Contact"}};e.render(n.jsx(r.Button,{as:"modal",modalPayload:t,variant:"primary",children:"Open Form"})),e.fireEvent.click(e.screen.getByRole("button",{name:"Open Form"})),e.globalExpect(a).toHaveBeenCalledWith(t)}),e.it("is disabled when disabled prop is set",()=>{e.render(n.jsx(r.Button,{as:"modal",modalPayload:{heading:"Test"},variant:"primary",disabled:!0,children:"Disabled Modal"})),e.globalExpect(e.screen.getByRole("button")).toBeDisabled()}),e.it("does not call open when disabled",()=>{a.mockClear(),e.render(n.jsx(r.Button,{as:"modal",modalPayload:{heading:"Test"},variant:"primary",disabled:!0,children:"Disabled"})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(a).not.toHaveBeenCalled()})}),e.describe("Variants",()=>{["primary","primaryInverted","secondary","secondaryInverted","link","linkInverted","underline","underlineInverted","blurred","blurredInverted"].forEach(o=>{e.it(`applies ${o} variant class`,()=>{e.render(n.jsx(r.Button,{variant:o,children:"Button"})),e.globalExpect(e.screen.getByRole("button")).toHaveClass(o)})}),e.it("uses primary variant by default",()=>{e.render(n.jsx(r.Button,{children:"Default"})),e.globalExpect(e.screen.getByRole("button")).toHaveClass("primary")})}),e.describe("Icons",()=>{e.it("includes icon when icon prop is provided",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-right",children:"Next"})),e.globalExpect(document.querySelector(".icon")).toBeInTheDocument(),e.globalExpect(document.querySelector(".icon svg")).toBeInTheDocument()}),e.it("places icon on the left when iconAlignment is 'left'",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-left",iconAlignment:"left",children:"Back"})),e.globalExpect(document.querySelector(".content")).toHaveClass("iconLeft")}),e.it("places icon on the right when iconAlignment is 'right'",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-right",iconAlignment:"right",children:"Next"})),e.globalExpect(document.querySelector(".content")).toHaveClass("iconRight")}),e.it("uses right alignment by default",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"arrow-right",children:"Default Icon"})),e.globalExpect(document.querySelector(".content")).toHaveClass("iconRight")}),e.it("icon has aria-hidden attribute",()=>{e.render(n.jsx(r.Button,{variant:"primary",icon:"settings",children:"Settings"})),e.globalExpect(document.querySelector(".icon")).toHaveAttribute("aria-hidden","true")})}),e.describe("Image display",()=>{e.it("renders image when displayType is 'image' and imageSrc is provided",()=>{e.render(n.jsx(r.Button,{variant:"primary",displayType:"image",imageSrc:"/logo.png",imageAlt:"Company Logo",children:"Text not shown"}));const t=document.querySelector("img");e.globalExpect(t).toHaveAttribute("src","/logo.png"),e.globalExpect(t).toHaveAttribute("alt","Company Logo")}),e.it("renders ImageComponent when provided",()=>{const t=()=>n.jsx("div",{"data-testid":"custom-image",children:"Custom"});e.render(n.jsx(r.Button,{variant:"primary",displayType:"image",ImageComponent:n.jsx(t,{}),children:"Text"})),e.globalExpect(e.screen.getByTestId("custom-image")).toBeInTheDocument()}),e.it("applies image class when displayType is image",()=>{e.render(n.jsx(r.Button,{variant:"primary",displayType:"image",imageSrc:"/logo.png",children:"Text"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveClass("image"),e.globalExpect(t).not.toHaveClass("primary")})}),e.describe("Custom className",()=>{e.it("applies custom className",()=>{e.render(n.jsx(r.Button,{variant:"primary",className:"custom-button",children:"Custom"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveClass("custom-button","button","primary")})}),e.describe("Accessibility",()=>{e.it("has button role for button element",()=>{e.render(n.jsx(r.Button,{variant:"primary",children:"Click"})),e.globalExpect(e.screen.getByRole("button")).toBeInTheDocument()}),e.it("has link role for anchor element",()=>{e.render(n.jsx(r.Button,{as:"a",href:"/test",variant:"link",children:"Link"})),e.globalExpect(e.screen.getByRole("link")).toBeInTheDocument()}),e.it("supports aria attributes",()=>{e.render(n.jsx(r.Button,{variant:"primary","aria-label":"Custom Label","aria-describedby":"desc",children:"Button"}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("aria-label","Custom Label"),e.globalExpect(t).toHaveAttribute("aria-describedby","desc")})}),e.describe("Edge cases",()=>{e.it("handles undefined variant",()=>{e.render(n.jsx(r.Button,{variant:void 0,children:"No Variant"})),e.globalExpect(e.screen.getByRole("button")).toHaveClass("button")}),e.it("handles complex children",()=>{e.render(n.jsxs(r.Button,{variant:"primary",children:[n.jsx("span",{children:"Complex"}),n.jsx("strong",{children:"Children"})]})),e.globalExpect(e.screen.getByText("Complex")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Children")).toBeInTheDocument()})})});

package/dist/core/components/Button/Button.test.mjs

@@ -1,111 +1,175 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { d as s, i as o, r as a, s as i, g as t, v as u, f as c } from "../../../react.esm-DjxyacK8.js";
-import { B as r } from "../../../index-BnvfQt_k.js";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { v as d, d as l, i as n, r as a, s as i, g as e, f as c } from "../../../react.esm-DjxyacK8.js";
+import { B as r } from "../../../index-aWdsapYP.js";
 import "../../../index-DPGXWTtt.js";
-s("Button", () => {
-  s("Rendering as button", () => {
-    o("renders as a button by default", () => {
-      a(/* @__PURE__ */ n(r, { variant: "primary", children: "Click Me" }));
-      const e = i.getByRole("button", { name: "Click Me" });
-      t(e).toBeInTheDocument(), t(e.tagName).toBe("BUTTON");
-    }), o("renders as a button when 'as' is set to 'button'", () => {
-      a(
-        /* @__PURE__ */ n(r, { as: "button", variant: "primary", children: "Click Me" })
-      );
-      const e = i.getByRole("button", { name: "Click Me" });
-      t(e).toBeInTheDocument(), t(e).toHaveClass("button", "primary");
-    }), o("has type='button' by default", () => {
-      a(/* @__PURE__ */ n(r, { variant: "primary", children: "Click Me" }));
-      const e = i.getByRole("button");
-      t(e).toHaveAttribute("type", "button");
-    }), o("respects the disabled prop on buttons", () => {
-      a(
-        /* @__PURE__ */ n(r, { as: "button", variant: "primary", disabled: !0, children: "Disabled" })
-      );
-      const e = i.getByRole("button", { name: "Disabled" });
-      t(e).toBeDisabled();
-    }), o("calls onClick when clicked", () => {
-      const e = u.fn();
+const m = d.fn();
+d.mock("../../context/ModalContext", () => ({
+  useModal: () => ({ open: m })
+}));
+l("Button", () => {
+  l("Rendering as button", () => {
+    n("renders as a button by default", () => {
+      a(/* @__PURE__ */ o(r, { variant: "primary", children: "Click Me" }));
+      const t = i.getByRole("button", { name: "Click Me" });
+      e(t).toBeInTheDocument(), e(t.tagName).toBe("BUTTON");
+    }), n("renders as a button when 'as' is set to 'button'", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", onClick: e, children: "Click Me" })
+        /* @__PURE__ */ o(r, { as: "button", variant: "primary", children: "Click Me" })
       );
-      const l = i.getByRole("button");
-      c.click(l), t(e).toHaveBeenCalledTimes(1);
-    }), o("does not call onClick when disabled", () => {
-      const e = u.fn();
+      const t = i.getByRole("button", { name: "Click Me" });
+      e(t).toBeInTheDocument(), e(t).toHaveClass("button", "primary");
+    }), n("has type='button' by default", () => {
+      a(/* @__PURE__ */ o(r, { variant: "primary", children: "Click Me" }));
+      const t = i.getByRole("button");
+      e(t).toHaveAttribute("type", "button");
+    }), n("respects the disabled prop on buttons", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", onClick: e, disabled: !0, children: "Disabled" })
+        /* @__PURE__ */ o(r, { as: "button", variant: "primary", disabled: !0, children: "Disabled" })
       );
-      const l = i.getByRole("button");
-      c.click(l), t(e).not.toHaveBeenCalled();
+      const t = i.getByRole("button", { name: "Disabled" });
+      e(t).toBeDisabled();
+    }), n("calls onClick when clicked", () => {
+      const t = d.fn();
+      a(
+        /* @__PURE__ */ o(r, { variant: "primary", onClick: t, children: "Click Me" })
+      ), c.click(i.getByRole("button")), e(t).toHaveBeenCalledTimes(1);
+    }), n("does not call onClick when disabled", () => {
+      const t = d.fn();
+      a(
+        /* @__PURE__ */ o(r, { variant: "primary", onClick: t, disabled: !0, children: "Disabled" })
+      ), c.click(i.getByRole("button")), e(t).not.toHaveBeenCalled();
     });
-  }), s("Rendering as anchor", () => {
-    o("renders as an anchor when 'as' is set to 'a'", () => {
+  }), l("Rendering as anchor", () => {
+    n("renders as an anchor when 'as' is set to 'a'", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", variant: "link", children: "Click Me" })
+        /* @__PURE__ */ o(r, { as: "a", href: "/test", variant: "link", children: "Click Me" })
       );
-      const e = i.getByRole("link", { name: "Click Me" });
-      t(e).toBeInTheDocument(), t(e.tagName).toBe("A"), t(e).toHaveAttribute("href", "/test"), t(e).toHaveClass("button", "link");
-    }), o("adds rel='noopener noreferrer' when target is '_blank'", () => {
+      const t = i.getByRole("link", { name: "Click Me" });
+      e(t).toBeInTheDocument(), e(t.tagName).toBe("A"), e(t).toHaveAttribute("href", "/test"), e(t).toHaveClass("button", "link");
+    }), n("adds rel='noopener noreferrer' when target is '_blank'", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", target: "_blank", variant: "link", children: "External" })
+        /* @__PURE__ */ o(r, { as: "a", href: "/test", target: "_blank", variant: "link", children: "External" })
+      ), e(i.getByRole("link", { name: "External" })).toHaveAttribute(
+        "rel",
+        "noopener noreferrer"
       );
-      const e = i.getByRole("link", { name: "External" });
-      t(e).toHaveAttribute("rel", "noopener noreferrer");
-    }), o("preserves custom rel attribute and adds security", () => {
+    }), n("preserves custom rel attribute and adds security", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", target: "_blank", rel: "author", variant: "link", children: "External" })
+        /* @__PURE__ */ o(r, { as: "a", href: "/test", target: "_blank", rel: "author", variant: "link", children: "External" })
+      ), e(i.getByRole("link")).toHaveAttribute(
+        "rel",
+        "author noopener noreferrer"
       );
-      const e = i.getByRole("link");
-      t(e).toHaveAttribute("rel", "author noopener noreferrer");
-    }), o("does not add security rel for internal links", () => {
+    }), n("does not add security rel for internal links", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", variant: "link", children: "Internal" })
-      );
-      const e = i.getByRole("link");
-      t(e).not.toHaveAttribute("rel");
-    }), o("adds aria-disabled when disabled", () => {
+        /* @__PURE__ */ o(r, { as: "a", href: "/test", variant: "link", children: "Internal" })
+      ), e(i.getByRole("link")).not.toHaveAttribute("rel");
+    }), n("adds aria-disabled when disabled", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", variant: "link", disabled: !0, children: "Disabled Link" })
-      );
-      const e = i.getByRole("link");
-      t(e).toHaveAttribute("aria-disabled", "true");
+        /* @__PURE__ */ o(r, { as: "a", href: "/test", variant: "link", disabled: !0, children: "Disabled Link" })
+      ), e(i.getByRole("link")).toHaveAttribute("aria-disabled", "true");
     });
-  }), s("Scroll button", () => {
-    o("renders as a scroll button when 'as' is set to 'scroll'", () => {
+  }), l("Scroll button", () => {
+    n("renders as a scroll button when 'as' is set to 'scroll'", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "scroll", scrollTarget: "section-1", variant: "primary", children: "Scroll Down" })
-      );
-      const e = i.getByRole("button", {
-        name: "Scroll to section-1"
-      });
-      t(e).toBeInTheDocument();
-    }), o("has proper aria-label for scroll button", () => {
+        /* @__PURE__ */ o(r, { as: "scroll", scrollTarget: "section-1", variant: "primary", children: "Scroll Down" })
+      ), e(
+        i.getByRole("button", { name: "Scroll to section-1" })
+      ).toBeInTheDocument();
+    }), n("has proper aria-label for scroll button", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "scroll", scrollTarget: "footer", variant: "primary", children: "To Footer" })
-      );
-      const e = i.getByRole("button");
-      t(e).toHaveAttribute("aria-label", "Scroll to footer");
-    }), o("scrolls to target element when clicked", () => {
-      const e = document.createElement("div");
-      e.id = "target-section", document.body.appendChild(e);
-      const l = u.fn();
-      e.scrollIntoView = l, a(
-        /* @__PURE__ */ n(r, { as: "scroll", scrollTarget: "target-section", variant: "primary", children: "Scroll" })
+        /* @__PURE__ */ o(r, { as: "scroll", scrollTarget: "footer", variant: "primary", children: "To Footer" })
+      ), e(i.getByRole("button")).toHaveAttribute(
+        "aria-label",
+        "Scroll to footer"
       );
-      const d = i.getByRole("button");
-      c.click(d), t(l).toHaveBeenCalledWith({
+    }), n("scrolls to target element when clicked", () => {
+      const t = document.createElement("div");
+      t.id = "target-section", document.body.appendChild(t);
+      const s = d.fn();
+      t.scrollIntoView = s, a(
+        /* @__PURE__ */ o(r, { as: "scroll", scrollTarget: "target-section", variant: "primary", children: "Scroll" })
+      ), c.click(i.getByRole("button")), e(s).toHaveBeenCalledWith({
         behavior: "smooth",
         block: "start"
-      }), document.body.removeChild(e);
-    }), o("does not error if scroll target does not exist", () => {
+      }), document.body.removeChild(t);
+    }), n("uses scrollTo with offset when scrollOffset is set", () => {
+      const t = document.createElement("div");
+      t.id = "offset-section", document.body.appendChild(t);
+      const s = d.fn();
+      window.scrollTo = s, d.spyOn(t, "getBoundingClientRect").mockReturnValue({
+        top: 200
+      }), a(
+        /* @__PURE__ */ o(
+          r,
+          {
+            as: "scroll",
+            scrollTarget: "offset-section",
+            scrollOffset: 80,
+            variant: "primary",
+            children: "Scroll"
+          }
+        )
+      ), c.click(i.getByRole("button")), e(s).toHaveBeenCalledWith({
+        top: e.any(Number),
+        behavior: "smooth"
+      }), document.body.removeChild(t);
+    }), n("does not error if scroll target does not exist", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "scroll", scrollTarget: "non-existent", variant: "primary", children: "Scroll" })
-      );
-      const e = i.getByRole("button");
-      t(() => c.click(e)).not.toThrow();
+        /* @__PURE__ */ o(r, { as: "scroll", scrollTarget: "non-existent", variant: "primary", children: "Scroll" })
+      ), e(() => c.click(i.getByRole("button"))).not.toThrow();
     });
-  }), s("Variants", () => {
+  }), l("Modal button", () => {
+    n("renders as a button when 'as' is set to 'modal'", () => {
+      a(
+        /* @__PURE__ */ o(
+          r,
+          {
+            as: "modal",
+            modalPayload: { heading: "Contact Us" },
+            variant: "primary",
+            children: "Open Modal"
+          }
+        )
+      ), e(
+        i.getByRole("button", { name: "Open Modal" })
+      ).toBeInTheDocument();
+    }), n("calls useModal open with the payload when clicked", () => {
+      const t = {
+        heading: "Contact Us",
+        formReference: { _id: "form-123", heading: "Contact" }
+      };
+      a(
+        /* @__PURE__ */ o(r, { as: "modal", modalPayload: t, variant: "primary", children: "Open Form" })
+      ), c.click(i.getByRole("button", { name: "Open Form" })), e(m).toHaveBeenCalledWith(t);
+    }), n("is disabled when disabled prop is set", () => {
+      a(
+        /* @__PURE__ */ o(
+          r,
+          {
+            as: "modal",
+            modalPayload: { heading: "Test" },
+            variant: "primary",
+            disabled: !0,
+            children: "Disabled Modal"
+          }
+        )
+      ), e(i.getByRole("button")).toBeDisabled();
+    }), n("does not call open when disabled", () => {
+      m.mockClear(), a(
+        /* @__PURE__ */ o(
+          r,
+          {
+            as: "modal",
+            modalPayload: { heading: "Test" },
+            variant: "primary",
+            disabled: !0,
+            children: "Disabled"
+          }
+        )
+      ), c.click(i.getByRole("button")), e(m).not.toHaveBeenCalled();
+    });
+  }), l("Variants", () => {
     [
       "primary",
       "primaryInverted",
@@ -117,61 +181,42 @@ s("Button", () => {
       "underlineInverted",
       "blurred",
       "blurredInverted"
-    ].forEach((l) => {
-      o(`applies ${l} variant class`, () => {
-        a(/* @__PURE__ */ n(r, { variant: l, children: "Button" }));
-        const d = i.getByRole("button");
-        t(d).toHaveClass(l);
+    ].forEach((s) => {
+      n(`applies ${s} variant class`, () => {
+        a(/* @__PURE__ */ o(r, { variant: s, children: "Button" })), e(i.getByRole("button")).toHaveClass(s);
       });
-    }), o("uses primary variant by default", () => {
-      a(/* @__PURE__ */ n(r, { children: "Default" }));
-      const l = i.getByRole("button");
-      t(l).toHaveClass("primary");
+    }), n("uses primary variant by default", () => {
+      a(/* @__PURE__ */ o(r, { children: "Default" })), e(i.getByRole("button")).toHaveClass("primary");
     });
-  }), s("Icons", () => {
-    o("includes icon when icon prop is provided", () => {
-      a(
-        /* @__PURE__ */ n(r, { variant: "primary", icon: "arrow-right", children: "Next" })
-      );
-      const e = document.querySelector(".icon");
-      t(e).toBeInTheDocument();
-      const l = e == null ? void 0 : e.querySelector("svg");
-      t(l).toBeInTheDocument();
-    }), o("places icon on the left when iconAlignment is 'left'", () => {
+  }), l("Icons", () => {
+    n("includes icon when icon prop is provided", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", icon: "arrow-left", iconAlignment: "left", children: "Back" })
-      );
-      const e = document.querySelector(".content");
-      t(e).toHaveClass("iconLeft");
-    }), o("places icon on the right when iconAlignment is 'right'", () => {
+        /* @__PURE__ */ o(r, { variant: "primary", icon: "arrow-right", children: "Next" })
+      ), e(document.querySelector(".icon")).toBeInTheDocument(), e(document.querySelector(".icon svg")).toBeInTheDocument();
+    }), n("places icon on the left when iconAlignment is 'left'", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", icon: "arrow-right", iconAlignment: "right", children: "Next" })
-      );
-      const e = document.querySelector(".content");
-      t(e).toHaveClass("iconRight");
-    }), o("uses right alignment by default", () => {
+        /* @__PURE__ */ o(r, { variant: "primary", icon: "arrow-left", iconAlignment: "left", children: "Back" })
+      ), e(document.querySelector(".content")).toHaveClass("iconLeft");
+    }), n("places icon on the right when iconAlignment is 'right'", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", icon: "arrow-right", children: "Default Icon" })
-      );
-      const e = document.querySelector(".content");
-      t(e).toHaveClass("iconRight");
-    }), o("icon has aria-hidden attribute", () => {
+        /* @__PURE__ */ o(r, { variant: "primary", icon: "arrow-right", iconAlignment: "right", children: "Next" })
+      ), e(document.querySelector(".content")).toHaveClass("iconRight");
+    }), n("uses right alignment by default", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", icon: "settings", children: "Settings" })
-      );
-      const e = document.querySelector(".icon");
-      t(e).toHaveAttribute("aria-hidden", "true");
-    }), o("works with anchor links", () => {
+        /* @__PURE__ */ o(r, { variant: "primary", icon: "arrow-right", children: "Default Icon" })
+      ), e(document.querySelector(".content")).toHaveClass("iconRight");
+    }), n("icon has aria-hidden attribute", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", variant: "link", icon: "new-tab", children: "External" })
+        /* @__PURE__ */ o(r, { variant: "primary", icon: "settings", children: "Settings" })
+      ), e(document.querySelector(".icon")).toHaveAttribute(
+        "aria-hidden",
+        "true"
       );
-      const e = document.querySelector(".icon");
-      t(e).toBeInTheDocument();
     });
-  }), s("Image display", () => {
-    o("renders image when displayType is 'image' and imageSrc is provided", () => {
+  }), l("Image display", () => {
+    n("renders image when displayType is 'image' and imageSrc is provided", () => {
       a(
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           r,
           {
             variant: "primary",
@@ -182,45 +227,45 @@ s("Button", () => {
           }
         )
       );
-      const e = document.querySelector("img");
-      t(e).toBeInTheDocument(), t(e).toHaveAttribute("src", "/logo.png"), t(e).toHaveAttribute("alt", "Company Logo");
-    }), o("renders ImageComponent when provided", () => {
+      const t = document.querySelector("img");
+      e(t).toHaveAttribute("src", "/logo.png"), e(t).toHaveAttribute("alt", "Company Logo");
+    }), n("renders ImageComponent when provided", () => {
       a(
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           r,
           {
             variant: "primary",
             displayType: "image",
-            ImageComponent: /* @__PURE__ */ n(() => /* @__PURE__ */ n("div", { "data-testid": "custom-image", children: "Custom" }), {}),
+            ImageComponent: /* @__PURE__ */ o(() => /* @__PURE__ */ o("div", { "data-testid": "custom-image", children: "Custom" }), {}),
             children: "Text"
           }
         )
-      ), t(i.getByTestId("custom-image")).toBeInTheDocument();
-    }), o("applies image class when displayType is image", () => {
+      ), e(i.getByTestId("custom-image")).toBeInTheDocument();
+    }), n("applies image class when displayType is image", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", displayType: "image", imageSrc: "/logo.png", children: "Text" })
+        /* @__PURE__ */ o(r, { variant: "primary", displayType: "image", imageSrc: "/logo.png", children: "Text" })
       );
-      const e = i.getByRole("button");
-      t(e).toHaveClass("image"), t(e).not.toHaveClass("primary");
+      const t = i.getByRole("button");
+      e(t).toHaveClass("image"), e(t).not.toHaveClass("primary");
     });
-  }), s("Custom className", () => {
-    o("applies custom className", () => {
+  }), l("Custom className", () => {
+    n("applies custom className", () => {
       a(
-        /* @__PURE__ */ n(r, { variant: "primary", className: "custom-button", children: "Custom" })
+        /* @__PURE__ */ o(r, { variant: "primary", className: "custom-button", children: "Custom" })
       );
-      const e = i.getByRole("button");
-      t(e).toHaveClass("custom-button"), t(e).toHaveClass("button"), t(e).toHaveClass("primary");
+      const t = i.getByRole("button");
+      e(t).toHaveClass("custom-button", "button", "primary");
     });
-  }), s("Accessibility", () => {
-    o("has button role for button element", () => {
-      a(/* @__PURE__ */ n(r, { variant: "primary", children: "Click" })), t(i.getByRole("button")).toBeInTheDocument();
-    }), o("has link role for anchor element", () => {
+  }), l("Accessibility", () => {
+    n("has button role for button element", () => {
+      a(/* @__PURE__ */ o(r, { variant: "primary", children: "Click" })), e(i.getByRole("button")).toBeInTheDocument();
+    }), n("has link role for anchor element", () => {
       a(
-        /* @__PURE__ */ n(r, { as: "a", href: "/test", variant: "link", children: "Link" })
-      ), t(i.getByRole("link")).toBeInTheDocument();
-    }), o("supports aria attributes", () => {
+        /* @__PURE__ */ o(r, { as: "a", href: "/test", variant: "link", children: "Link" })
+      ), e(i.getByRole("link")).toBeInTheDocument();
+    }), n("supports aria attributes", () => {
       a(
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           r,
           {
             variant: "primary",
@@ -230,25 +275,19 @@ s("Button", () => {
           }
         )
       );
-      const e = i.getByRole("button");
-      t(e).toHaveAttribute("aria-label", "Custom Label"), t(e).toHaveAttribute("aria-describedby", "desc");
+      const t = i.getByRole("button");
+      e(t).toHaveAttribute("aria-label", "Custom Label"), e(t).toHaveAttribute("aria-describedby", "desc");
     });
-  }), s("Edge cases", () => {
-    o("handles undefined variant", () => {
-      a(/* @__PURE__ */ n(r, { variant: void 0, children: "No Variant" }));
-      const e = i.getByRole("button");
-      t(e).toHaveClass("button");
-    }), o("handles empty children", () => {
-      a(/* @__PURE__ */ n(r, { variant: "primary", children: "Primary" }));
-      const e = i.getByRole("button");
-      t(e).toBeInTheDocument();
-    }), o("handles complex children", () => {
-      a(
-        /* @__PURE__ */ m(r, { variant: "primary", children: [
-          /* @__PURE__ */ n("span", { children: "Complex" }),
-          /* @__PURE__ */ n("strong", { children: "Children" })
+  }), l("Edge cases", () => {
+    n("handles undefined variant", () => {
+      a(/* @__PURE__ */ o(r, { variant: void 0, children: "No Variant" })), e(i.getByRole("button")).toHaveClass("button");
+    }), n("handles complex children", () => {
+      a(
+        /* @__PURE__ */ u(r, { variant: "primary", children: [
+          /* @__PURE__ */ o("span", { children: "Complex" }),
+          /* @__PURE__ */ o("strong", { children: "Children" })
         ] })
-      ), t(i.getByText("Complex")).toBeInTheDocument(), t(i.getByText("Children")).toBeInTheDocument();
+      ), e(i.getByText("Complex")).toBeInTheDocument(), e(i.getByText("Children")).toBeInTheDocument();
     });
   });
 });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../index-D7SAxT5B.cjs");require("../../../index-CBK5rp6X.cjs");require("../../../external-link-DDShu-48.cjs");require("../../../play-CQBnZgNa.cjs");require("../../../chevron-right-motlyADs.cjs");require("../../../chevron-down-DfK1XBl3.cjs");require("../../../arrow-right-DO6S4vfx.cjs");require("../../../arrow-left-4E3t8axP.cjs");exports.Button=e.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../context/ModalContext.cjs");const e=require("../../../index-0SVQqhAg.cjs");require("../../../index-CBK5rp6X.cjs");require("../../../external-link-DDShu-48.cjs");require("../../../play-CQBnZgNa.cjs");require("../../../chevron-right-motlyADs.cjs");require("../../../chevron-down-DfK1XBl3.cjs");require("../../../arrow-right-DO6S4vfx.cjs");require("../../../arrow-left-4E3t8axP.cjs");exports.Button=e.Button;

package/dist/core/components/Button/index.mjs

@@ -1,6 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { B as s } from "../../../index-BnvfQt_k.js";
+import "../../context/ModalContext.mjs";
+import { B as u } from "../../../index-aWdsapYP.js";
 import "../../../index-CeBA0PT0.js";
 import "../../../external-link-BOPobeQJ.js";
 import "../../../play-DYgKiSaf.js";
@@ -9,5 +10,5 @@ import "../../../chevron-down-DSUzBz9F.js";
 import "../../../arrow-right-QEwnX3Sk.js";
 import "../../../arrow-left-BIJvHwNQ.js";
 export {
-  s as Button
+  u as Button
 };

package/dist/core/components/Footer/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),T=require("../../../index-D7SAxT5B.cjs"),k=require("../ButtonGroup/index.cjs"),s=require("../../../index-CBK5rp6X.cjs"),$=require("../../../external-link-DDShu-48.cjs"),F="_footer_1lalq_1",I="_container_1lalq_10",S="_primaryNav_1lalq_24",w="_secondaryNav_1lalq_35",L="_details_1lalq_72",A="_nav_1lalq_86",B="_logo_1lalq_94",E="_socialItems_1lalq_109",C="_group_1lalq_116",M="_groups_1lalq_126",z="_groupTitle_1lalq_137",G="_sublinks_1lalq_146",Y="_link_1lalq_154",O="_newTabIcon_1lalq_172",P="_bottom_1lalq_186",U="_left_1lalq_197",D="_center_1lalq_217",H="_right_1lalq_247",a={footer:F,container:I,primaryNav:S,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:s.FaFacebook,Twitter:s.FaTwitter,LinkedIn:s.FaLinkedin,Instagram:s.FaInstagram,YouTube:s.FaYoutube},K={left:a.left,center:a.center,right:a.right};function Q({logo:d,items:u,primaryInfo:g,secondaryInfo:h,utilityItems:r,socialItems:t,alignment:m="left",copyright:v,className:b,style:j,...q}){const i=(l,o=!1)=>l.map((n,N)=>{var x;const f=n._key??`${n.label}-${N}`,c=!!((x=n.sublinks)!=null&&x.length),y=!!n.href,_=n.icon?J[n.icon]:void 0,p=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx($.ExternalLink,{className:a.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:a.group,children:[y?e.jsx("a",{href:n.href,className:`${a.link}${c?` ${a.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:p}):e.jsx("span",{className:c?a.groupTitle:void 0,children:p}),c&&e.jsx("div",{className:a.sublinks,"aria-label":`${n.label} links`,children:i(n.sublinks)})]},f)});return e.jsx("footer",{className:`${a.footer} ${K[m]}${b?` ${b}`:""}`,style:j,...q,children:e.jsxs("div",{className:a.container,children:[e.jsxs("div",{className:a.primaryNav,children:[e.jsxs("div",{className:a.details,children:[d&&e.jsx("div",{className:a.logo,children:d}),t&&t.length>0&&e.jsx("div",{className:a.socialItems,"aria-label":"Social media links",children:i(t,!0)}),g&&e.jsx("div",{children:g}),h&&e.jsx("div",{children:h})]}),u.length>0&&e.jsx("nav",{className:a.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:a.groups,children:i(u)})})]}),e.jsxs("div",{className:a.secondaryNav,children:[v&&e.jsx("div",{className:a.bottom,children:e.jsx("span",{children:v})}),r&&r.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx(k.ButtonGroup,{orientation:"horizontal",children:r.map((l,o)=>e.jsx(T.Button,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??(typeof l.label=="string"?l.label:""),icon:l.icon,iconAlignment:l.iconAlignment,children:l.label},l._key??o))})})]})]})})}exports.Footer=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),T=require("../../../index-0SVQqhAg.cjs"),k=require("../ButtonGroup/index.cjs"),s=require("../../../index-CBK5rp6X.cjs"),$=require("../../../external-link-DDShu-48.cjs"),F="_footer_1lalq_1",I="_container_1lalq_10",S="_primaryNav_1lalq_24",w="_secondaryNav_1lalq_35",L="_details_1lalq_72",A="_nav_1lalq_86",B="_logo_1lalq_94",E="_socialItems_1lalq_109",C="_group_1lalq_116",M="_groups_1lalq_126",z="_groupTitle_1lalq_137",G="_sublinks_1lalq_146",Y="_link_1lalq_154",O="_newTabIcon_1lalq_172",P="_bottom_1lalq_186",U="_left_1lalq_197",D="_center_1lalq_217",H="_right_1lalq_247",a={footer:F,container:I,primaryNav:S,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:s.FaFacebook,Twitter:s.FaTwitter,LinkedIn:s.FaLinkedin,Instagram:s.FaInstagram,YouTube:s.FaYoutube},K={left:a.left,center:a.center,right:a.right};function Q({logo:d,items:u,primaryInfo:g,secondaryInfo:h,utilityItems:r,socialItems:t,alignment:m="left",copyright:v,className:b,style:j,...q}){const i=(l,o=!1)=>l.map((n,N)=>{var x;const f=n._key??`${n.label}-${N}`,c=!!((x=n.sublinks)!=null&&x.length),y=!!n.href,_=n.icon?J[n.icon]:void 0,p=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx($.ExternalLink,{className:a.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:a.group,children:[y?e.jsx("a",{href:n.href,className:`${a.link}${c?` ${a.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:p}):e.jsx("span",{className:c?a.groupTitle:void 0,children:p}),c&&e.jsx("div",{className:a.sublinks,"aria-label":`${n.label} links`,children:i(n.sublinks)})]},f)});return e.jsx("footer",{className:`${a.footer} ${K[m]}${b?` ${b}`:""}`,style:j,...q,children:e.jsxs("div",{className:a.container,children:[e.jsxs("div",{className:a.primaryNav,children:[e.jsxs("div",{className:a.details,children:[d&&e.jsx("div",{className:a.logo,children:d}),t&&t.length>0&&e.jsx("div",{className:a.socialItems,"aria-label":"Social media links",children:i(t,!0)}),g&&e.jsx("div",{children:g}),h&&e.jsx("div",{children:h})]}),u.length>0&&e.jsx("nav",{className:a.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:a.groups,children:i(u)})})]}),e.jsxs("div",{className:a.secondaryNav,children:[v&&e.jsx("div",{className:a.bottom,children:e.jsx("span",{children:v})}),r&&r.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx(k.ButtonGroup,{orientation:"horizontal",children:r.map((l,o)=>e.jsx(T.Button,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??(typeof l.label=="string"?l.label:""),icon:l.icon,iconAlignment:l.iconAlignment,children:l.label},l._key??o))})})]})]})})}exports.Footer=Q;

package/dist/core/components/Footer/index.mjs

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as o, Fragment as F } from "react/jsx-runtime";
-import { B as $ } from "../../../index-BnvfQt_k.js";
+import { B as $ } from "../../../index-aWdsapYP.js";
 import { ButtonGroup as x } from "../ButtonGroup/index.mjs";
 import { a as I, b as w, c as E, d as S, e as A } from "../../../index-CeBA0PT0.js";
 import { E as L } from "../../../external-link-BOPobeQJ.js";