@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/components/Collapse/demo/CollapseHideTrigger.js

@@ -0,0 +1,17 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import r from "../../Link/Link.js";
+import a from "../Collapse.js";
+import { useCollapse as l } from "../useCollapse.js";
+const c = () => {
+  const { isOpen: e, toggleHandler: u } = l(!1);
+  return /* @__PURE__ */ s("p", { children: [
+    "Quis orci molestie, condimentum metus a lorem lorem fringilla sem lobortis libero rhoncus nullam, purus sapien aenean sed id tortor. Molestie quam, lectus quis ac nec suspendisse consectetur finibus a accumsan, bibendum dolor sit amet congue rhoncus erat. Semper turpis, varius iaculis venenatis ut congue sollicitudin nulla, convallis nibh maximus erat id aliquam. Nec interdum, auctor elit vitae pulvinar fusce gravida curabitur odio leo, nunc a mauris auctor. Vel integer, placerat pulvinar nisi nunc donec felis erat quis, phasellus ac nec phasellus ac nibh. Scelerisque fringilla, viverra nisl vel purus sed porttitor porttitor et iaculis commodo, vehicula urna purus ultrices.",
+    " ",
+    e ? " " : /* @__PURE__ */ i(r, { elementType: "button", type: "button", onClick: u, "aria-expanded": e, children: "… more" }),
+    /* @__PURE__ */ i(a, { id: "collapse-hide-trigger-id", elementType: "span", isOpen: e, children: "Commodo metus a lorem, a aliquet vestibulum rutrum pharetra sapien sed, ullamcorper quis odio dolor ut aliquam. Rutrum suspendisse, fermentum tellus metus a lorem cursus volutpat proin bibendum, sed diam a duis id dui et tempus. Ligula non, sapien augue libero eget aliquam semper varius, posuere urna leo vitae ullamcorper. Venenatis posuere, sapien rhoncus dolor quis semper porttitor et vestibulum, odio leo ac nibh molestie placerat. Tellus suspendisse, dui lectus tellus quis eget sollicitudin dolor sit amet, dui ac nibh nulla mauris. Feugiat sollicitudin, integer bibendum at sem sapien non nullam sed id tortor, suscipit fusce gravida nec eget." })
+  ] });
+};
+export {
+  c as default
+};
+//# sourceMappingURL=CollapseHideTrigger.js.map

package/dist/components/Collapse/demo/CollapseHideTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseHideTrigger.js","sources":["../../../../src/components/Collapse/demo/CollapseHideTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from '../../Link';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseHideTrigger = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <p>\n      Quis orci molestie, condimentum metus a lorem lorem fringilla sem lobortis libero rhoncus nullam, purus sapien\n      aenean sed id tortor. Molestie quam, lectus quis ac nec suspendisse consectetur finibus a accumsan, bibendum dolor\n      sit amet congue rhoncus erat. Semper turpis, varius iaculis venenatis ut congue sollicitudin nulla, convallis nibh\n      maximus erat id aliquam. Nec interdum, auctor elit vitae pulvinar fusce gravida curabitur odio leo, nunc a mauris\n      auctor. Vel integer, placerat pulvinar nisi nunc donec felis erat quis, phasellus ac nec phasellus ac nibh.\n      Scelerisque fringilla, viverra nisl vel purus sed porttitor porttitor et iaculis commodo, vehicula urna purus\n      ultrices.{' '}\n      {!isOpen ? (\n        <Link elementType=\"button\" type=\"button\" onClick={toggleHandler} aria-expanded={isOpen}>\n          … more\n        </Link>\n      ) : (\n        ' '\n      )}\n      <Collapse id=\"collapse-hide-trigger-id\" elementType=\"span\" isOpen={isOpen}>\n        Commodo metus a lorem, a aliquet vestibulum rutrum pharetra sapien sed, ullamcorper quis odio dolor ut aliquam.\n        Rutrum suspendisse, fermentum tellus metus a lorem cursus volutpat proin bibendum, sed diam a duis id dui et\n        tempus. Ligula non, sapien augue libero eget aliquam semper varius, posuere urna leo vitae ullamcorper.\n        Venenatis posuere, sapien rhoncus dolor quis semper porttitor et vestibulum, odio leo ac nibh molestie placerat.\n        Tellus suspendisse, dui lectus tellus quis eget sollicitudin dolor sit amet, dui ac nibh nulla mauris. Feugiat\n        sollicitudin, integer bibendum at sem sapien non nullam sed id tortor, suscipit fusce gravida nec eget.\n      </Collapse>\n    </p>\n  );\n};\n\nexport default CollapseHideTrigger;\n"],"names":["CollapseHideTrigger","isOpen","toggleHandler","useCollapse","jsx","Link","Collapse"],"mappings":";;;;AAKA,MAAMA,IAAsB,MAAM;AAChC,QAAM,EAAE,QAAAC,GAAQ,eAAAC,MAAkBC,EAAY,EAAK;AAEnD,2BACG,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAOS;AAAA,IACRF,IAKA,MAJA,gBAAAG,EAACC,GAAA,EAAK,aAAY,UAAS,MAAK,UAAS,SAASH,GAAe,iBAAeD,GAAQ,oBAExF;AAAA,sBAIDK,GAAA,EAAS,IAAG,4BAA2B,aAAY,QAAO,QAAAL,GAAgB,UAAA,+oBAAA,CAO3E;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/CollapseMultipleTriggers.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../Button/Button.cjs"),s=require("../../ButtonLink/ButtonLink.cjs"),l=require("../Collapse.cjs"),n=require("../useCollapse.cjs"),t=()=>{const{isOpen:u,toggleHandler:i}=n.useCollapse(!1);return e.jsxs(e.Fragment,{children:[e.jsx(r.default,{onClick:i,children:"Collapse trigger"}),e.jsx(l.default,{id:"collapse-multiple-triggers-id",isOpen:u,children:"Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui, bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis, tristique aliquam sed id tortor sem lobortis."}),e.jsx(r.default,{onClick:i,color:"secondary",children:"Secondary trigger"})," ",e.jsx(s.default,{onClick:i,"aria-expanded":u,color:"tertiary",children:"Tertiary trigger"})]})};exports.default=t;
+//# sourceMappingURL=CollapseMultipleTriggers.cjs.map

package/dist/components/Collapse/demo/CollapseMultipleTriggers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseMultipleTriggers.cjs","sources":["../../../../src/components/Collapse/demo/CollapseMultipleTriggers.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonLink } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseMultipleTriggers = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <>\n      <Button onClick={toggleHandler}>Collapse trigger</Button>\n      <Collapse id=\"collapse-multiple-triggers-id\" isOpen={isOpen}>\n        Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla\n        neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper\n        posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus\n        pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget\n        consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui,\n        bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,\n        tristique aliquam sed id tortor sem lobortis.\n      </Collapse>\n      <Button onClick={toggleHandler} color=\"secondary\">\n        Secondary trigger\n      </Button>{' '}\n      <ButtonLink onClick={toggleHandler} aria-expanded={isOpen} color=\"tertiary\">\n        Tertiary trigger\n      </ButtonLink>\n    </>\n  );\n};\n\nexport default CollapseMultipleTriggers;\n"],"names":["CollapseMultipleTriggers","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Button","Collapse","ButtonLink"],"mappings":"gSAKMA,EAA2B,IAAM,CACrC,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAK,EAEnD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAO,QAASL,EAAe,SAAA,mBAAgB,EAChDI,EAAAA,IAACE,EAAAA,QAAA,CAAS,GAAG,gCAAgC,OAAAP,EAAgB,SAAA,2rBAQ7D,QACCM,EAAAA,QAAA,CAAO,QAASL,EAAe,MAAM,YAAY,SAAA,oBAElD,EAAU,IACVI,EAAAA,IAACG,EAAAA,SAAW,QAASP,EAAe,gBAAeD,EAAQ,MAAM,WAAW,SAAA,kBAAA,CAE5E,CAAA,EACF,CAEJ"}

package/dist/components/Collapse/demo/CollapseMultipleTriggers.js

@@ -0,0 +1,19 @@
+import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
+import n from "../../Button/Button.js";
+import l from "../../ButtonLink/ButtonLink.js";
+import t from "../Collapse.js";
+import { useCollapse as s } from "../useCollapse.js";
+const g = () => {
+  const { isOpen: r, toggleHandler: i } = s(!1);
+  return /* @__PURE__ */ a(o, { children: [
+    /* @__PURE__ */ e(n, { onClick: i, children: "Collapse trigger" }),
+    /* @__PURE__ */ e(t, { id: "collapse-multiple-triggers-id", isOpen: r, children: "Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui, bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis, tristique aliquam sed id tortor sem lobortis." }),
+    /* @__PURE__ */ e(n, { onClick: i, color: "secondary", children: "Secondary trigger" }),
+    " ",
+    /* @__PURE__ */ e(l, { onClick: i, "aria-expanded": r, color: "tertiary", children: "Tertiary trigger" })
+  ] });
+};
+export {
+  g as default
+};
+//# sourceMappingURL=CollapseMultipleTriggers.js.map

package/dist/components/Collapse/demo/CollapseMultipleTriggers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseMultipleTriggers.js","sources":["../../../../src/components/Collapse/demo/CollapseMultipleTriggers.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonLink } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseMultipleTriggers = () => {\n  const { isOpen, toggleHandler } = useCollapse(false);\n\n  return (\n    <>\n      <Button onClick={toggleHandler}>Collapse trigger</Button>\n      <Collapse id=\"collapse-multiple-triggers-id\" isOpen={isOpen}>\n        Aliquam varius, consequat posuere a lacinia mauris eu tellus condimentum ut id ante, accumsan vehicula nulla\n        neque. Mauris mi orci, in donec nullam odio leo sapien et vehicula nunc a lacinia, fermentum arcu ullamcorper\n        posuere. Mauris euismod, ac nec ante fermentum praesent nisi commodo neque placerat, vivamus dui et tempus\n        pulvinar suspendisse. Porttitor eget, sollicitudin hendrerit bibendum nulla aliquam sit amet leo vitae, eget\n        consectetur diam a vestibulum. Adipiscing lorem ipsum, arcu condimentum posuere semper morbi condimentum dui,\n        bibendum nunc aenean facilisis. Phasellus euismod, donec sem odio ligula praesent finibus nibh convallis,\n        tristique aliquam sed id tortor sem lobortis.\n      </Collapse>\n      <Button onClick={toggleHandler} color=\"secondary\">\n        Secondary trigger\n      </Button>{' '}\n      <ButtonLink onClick={toggleHandler} aria-expanded={isOpen} color=\"tertiary\">\n        Tertiary trigger\n      </ButtonLink>\n    </>\n  );\n};\n\nexport default CollapseMultipleTriggers;\n"],"names":["CollapseMultipleTriggers","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Button","Collapse","ButtonLink"],"mappings":";;;;;AAKA,MAAMA,IAA2B,MAAM;AACrC,QAAM,EAAE,QAAAC,GAAQ,eAAAC,MAAkBC,EAAY,EAAK;AAEnD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAASL,GAAe,UAAA,oBAAgB;AAAA,IAChD,gBAAAI,EAACE,GAAA,EAAS,IAAG,iCAAgC,QAAAP,GAAgB,UAAA,4rBAQ7D;AAAA,sBACCM,GAAA,EAAO,SAASL,GAAe,OAAM,aAAY,UAAA,qBAElD;AAAA,IAAU;AAAA,IACV,gBAAAI,EAACG,KAAW,SAASP,GAAe,iBAAeD,GAAQ,OAAM,YAAW,UAAA,mBAAA,CAE5E;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/CollapseOpenOnInit.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../Button/Button.cjs"),u=require("../Collapse.cjs"),n=require("../useCollapse.cjs"),l=()=>{const{isOpen:i,toggleHandler:s}=n.useCollapse(!0);return e.jsxs(e.Fragment,{children:[e.jsx(t.default,{onClick:s,children:"Collapse trigger"}),e.jsx(u.default,{id:"collapse-open-on-init-id",isOpen:i,children:"Cras dictum ante, mollis ollicitudin proin bibendum nec commodo consequat fusce ante, consequat venenatis suscipit odio morbi. Dolor sit amet porta, placerat tristique sit amet ligula nisl risus et vehicula, suscipit accumsan nunc curabitur. Et neque, augue ut nulla a sed porta scelerisque proin, elit sapien lacinia felis. Lorem nulla, iaculis ornare in donec ac nibh libero nisl ornare, elementum luctus sem aliquam consequat. Elit et iaculis, enim in quam neque facilisis cursus integer hendrerit, non nulla vulputate condimentum auctor. Turpis varius, scelerisque maximus iaculis efficitur bibendum et nisi sapien, ut nunc ut enim et sem lobortis at sem."})]})};exports.default=l;
+//# sourceMappingURL=CollapseOpenOnInit.cjs.map

package/dist/components/Collapse/demo/CollapseOpenOnInit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseOpenOnInit.cjs","sources":["../../../../src/components/Collapse/demo/CollapseOpenOnInit.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseOpenOnInit = () => {\n  const { isOpen, toggleHandler } = useCollapse(true);\n\n  return (\n    <>\n      <Button onClick={toggleHandler}>Collapse trigger</Button>\n      <Collapse id=\"collapse-open-on-init-id\" isOpen={isOpen}>\n        Cras dictum ante, mollis ollicitudin proin bibendum nec commodo consequat fusce ante, consequat venenatis\n        suscipit odio morbi. Dolor sit amet porta, placerat tristique sit amet ligula nisl risus et vehicula, suscipit\n        accumsan nunc curabitur. Et neque, augue ut nulla a sed porta scelerisque proin, elit sapien lacinia felis.\n        Lorem nulla, iaculis ornare in donec ac nibh libero nisl ornare, elementum luctus sem aliquam consequat. Elit et\n        iaculis, enim in quam neque facilisis cursus integer hendrerit, non nulla vulputate condimentum auctor. Turpis\n        varius, scelerisque maximus iaculis efficitur bibendum et nisi sapien, ut nunc ut enim et sem lobortis at sem.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseOpenOnInit;\n"],"names":["CollapseOpenOnInit","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Button","Collapse"],"mappings":"mPAKMA,EAAqB,IAAM,CAC/B,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAI,EAElD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAO,QAASL,EAAe,SAAA,mBAAgB,EAChDI,EAAAA,IAACE,EAAAA,QAAA,CAAS,GAAG,2BAA2B,OAAAP,EAAgB,SAAA,qpBAAA,CAOxD,CAAA,EACF,CAEJ"}

package/dist/components/Collapse/demo/CollapseOpenOnInit.js

@@ -0,0 +1,15 @@
+import { jsxs as t, Fragment as s, jsx as i } from "react/jsx-runtime";
+import u from "../../Button/Button.js";
+import a from "../Collapse.js";
+import { useCollapse as l } from "../useCollapse.js";
+const p = () => {
+  const { isOpen: e, toggleHandler: n } = l(!0);
+  return /* @__PURE__ */ t(s, { children: [
+    /* @__PURE__ */ i(u, { onClick: n, children: "Collapse trigger" }),
+    /* @__PURE__ */ i(a, { id: "collapse-open-on-init-id", isOpen: e, children: "Cras dictum ante, mollis ollicitudin proin bibendum nec commodo consequat fusce ante, consequat venenatis suscipit odio morbi. Dolor sit amet porta, placerat tristique sit amet ligula nisl risus et vehicula, suscipit accumsan nunc curabitur. Et neque, augue ut nulla a sed porta scelerisque proin, elit sapien lacinia felis. Lorem nulla, iaculis ornare in donec ac nibh libero nisl ornare, elementum luctus sem aliquam consequat. Elit et iaculis, enim in quam neque facilisis cursus integer hendrerit, non nulla vulputate condimentum auctor. Turpis varius, scelerisque maximus iaculis efficitur bibendum et nisi sapien, ut nunc ut enim et sem lobortis at sem." })
+  ] });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=CollapseOpenOnInit.js.map

package/dist/components/Collapse/demo/CollapseOpenOnInit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseOpenOnInit.js","sources":["../../../../src/components/Collapse/demo/CollapseOpenOnInit.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseOpenOnInit = () => {\n  const { isOpen, toggleHandler } = useCollapse(true);\n\n  return (\n    <>\n      <Button onClick={toggleHandler}>Collapse trigger</Button>\n      <Collapse id=\"collapse-open-on-init-id\" isOpen={isOpen}>\n        Cras dictum ante, mollis ollicitudin proin bibendum nec commodo consequat fusce ante, consequat venenatis\n        suscipit odio morbi. Dolor sit amet porta, placerat tristique sit amet ligula nisl risus et vehicula, suscipit\n        accumsan nunc curabitur. Et neque, augue ut nulla a sed porta scelerisque proin, elit sapien lacinia felis.\n        Lorem nulla, iaculis ornare in donec ac nibh libero nisl ornare, elementum luctus sem aliquam consequat. Elit et\n        iaculis, enim in quam neque facilisis cursus integer hendrerit, non nulla vulputate condimentum auctor. Turpis\n        varius, scelerisque maximus iaculis efficitur bibendum et nisi sapien, ut nunc ut enim et sem lobortis at sem.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseOpenOnInit;\n"],"names":["CollapseOpenOnInit","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Button","Collapse"],"mappings":";;;;AAKA,MAAMA,IAAqB,MAAM;AAC/B,QAAM,EAAE,QAAAC,GAAQ,eAAAC,MAAkBC,EAAY,EAAI;AAElD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAASL,GAAe,UAAA,oBAAgB;AAAA,IAChD,gBAAAI,EAACE,GAAA,EAAS,IAAG,4BAA2B,QAAAP,GAAgB,UAAA,spBAAA,CAOxD;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../ButtonLink/ButtonLink.cjs"),u=require("../Collapse.cjs"),l=require("../useCollapse.cjs"),r=()=>{const{isOpen:i,toggleHandler:s}=l.useCollapse(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.default,{onClick:s,size:"medium",hideFrom:"desktop",children:"Collapse trigger"}),e.jsx(u.default,{id:"collapse-visibility-breakpoint-desktop-id",isOpen:i,collapsibleToBreakpoint:"desktop",children:"Elementum luctus ultrices, ultrices quam metus a lorem sollicitudin lorem fringilla curabitur felis a, sed urna consectetur maximus. Imperdiet donec, elit condimentum dolor ut accumsan congue nulla ut id ante vel arcu, lorem fringilla interdum pulvinar nullam. Curabitur interdum, semper donec dui et tempus fusce vitae ornare risus lorem, varius tristique sem odio elit. Felis a ut venenatis, aliquam semper sapien consequat elementum vivamus tortor, cursus donec volutpat vitae massa. Sapien nam, dolor ut quam venenatis interdum molestie augue dui, lorem sodales facilisis semper. Consectetur vivamus, commodo nulla accumsan fringilla mauris sagittis ipsum, neque dolor quis ligula nunc."})]})};exports.default=r;
+//# sourceMappingURL=CollapseVisibilityBreakpointDesktop.cjs.map

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseVisibilityBreakpointDesktop.cjs","sources":["../../../../src/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.tsx"],"sourcesContent":["import React from 'react';\nimport { ButtonLink } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseVisibilityBreakpointDesktop = () => {\n  const { isOpen: isOpenDesktop, toggleHandler: toggleHandlerDesktop } = useCollapse(false);\n\n  return (\n    <>\n      <ButtonLink onClick={toggleHandlerDesktop} size=\"medium\" hideFrom=\"desktop\">\n        Collapse trigger\n      </ButtonLink>\n      <Collapse id=\"collapse-visibility-breakpoint-desktop-id\" isOpen={isOpenDesktop} collapsibleToBreakpoint=\"desktop\">\n        Elementum luctus ultrices, ultrices quam metus a lorem sollicitudin lorem fringilla curabitur felis a, sed urna\n        consectetur maximus. Imperdiet donec, elit condimentum dolor ut accumsan congue nulla ut id ante vel arcu, lorem\n        fringilla interdum pulvinar nullam. Curabitur interdum, semper donec dui et tempus fusce vitae ornare risus\n        lorem, varius tristique sem odio elit. Felis a ut venenatis, aliquam semper sapien consequat elementum vivamus\n        tortor, cursus donec volutpat vitae massa. Sapien nam, dolor ut quam venenatis interdum molestie augue dui,\n        lorem sodales facilisis semper. Consectetur vivamus, commodo nulla accumsan fringilla mauris sagittis ipsum,\n        neque dolor quis ligula nunc.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseVisibilityBreakpointDesktop;\n"],"names":["CollapseVisibilityBreakpointDesktop","isOpenDesktop","toggleHandlerDesktop","useCollapse","jsxs","Fragment","jsx","ButtonLink","Collapse"],"mappings":"2PAKMA,EAAsC,IAAM,CAChD,KAAM,CAAE,OAAQC,EAAe,cAAeC,CAAA,EAAyBC,EAAAA,YAAY,EAAK,EAExF,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAW,QAASL,EAAsB,KAAK,SAAS,SAAS,UAAU,SAAA,kBAAA,CAE5E,EACAI,EAAAA,IAACE,EAAAA,SAAS,GAAG,4CAA4C,OAAQP,EAAe,wBAAwB,UAAU,SAAA,orBAAA,CAQlH,CAAA,EACF,CAEJ"}

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.js

@@ -0,0 +1,15 @@
+import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
+import o from "../../ButtonLink/ButtonLink.js";
+import r from "../Collapse.js";
+import { useCollapse as u } from "../useCollapse.js";
+const p = () => {
+  const { isOpen: i, toggleHandler: s } = u(!1);
+  return /* @__PURE__ */ t(l, { children: [
+    /* @__PURE__ */ e(o, { onClick: s, size: "medium", hideFrom: "desktop", children: "Collapse trigger" }),
+    /* @__PURE__ */ e(r, { id: "collapse-visibility-breakpoint-desktop-id", isOpen: i, collapsibleToBreakpoint: "desktop", children: "Elementum luctus ultrices, ultrices quam metus a lorem sollicitudin lorem fringilla curabitur felis a, sed urna consectetur maximus. Imperdiet donec, elit condimentum dolor ut accumsan congue nulla ut id ante vel arcu, lorem fringilla interdum pulvinar nullam. Curabitur interdum, semper donec dui et tempus fusce vitae ornare risus lorem, varius tristique sem odio elit. Felis a ut venenatis, aliquam semper sapien consequat elementum vivamus tortor, cursus donec volutpat vitae massa. Sapien nam, dolor ut quam venenatis interdum molestie augue dui, lorem sodales facilisis semper. Consectetur vivamus, commodo nulla accumsan fringilla mauris sagittis ipsum, neque dolor quis ligula nunc." })
+  ] });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=CollapseVisibilityBreakpointDesktop.js.map

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseVisibilityBreakpointDesktop.js","sources":["../../../../src/components/Collapse/demo/CollapseVisibilityBreakpointDesktop.tsx"],"sourcesContent":["import React from 'react';\nimport { ButtonLink } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseVisibilityBreakpointDesktop = () => {\n  const { isOpen: isOpenDesktop, toggleHandler: toggleHandlerDesktop } = useCollapse(false);\n\n  return (\n    <>\n      <ButtonLink onClick={toggleHandlerDesktop} size=\"medium\" hideFrom=\"desktop\">\n        Collapse trigger\n      </ButtonLink>\n      <Collapse id=\"collapse-visibility-breakpoint-desktop-id\" isOpen={isOpenDesktop} collapsibleToBreakpoint=\"desktop\">\n        Elementum luctus ultrices, ultrices quam metus a lorem sollicitudin lorem fringilla curabitur felis a, sed urna\n        consectetur maximus. Imperdiet donec, elit condimentum dolor ut accumsan congue nulla ut id ante vel arcu, lorem\n        fringilla interdum pulvinar nullam. Curabitur interdum, semper donec dui et tempus fusce vitae ornare risus\n        lorem, varius tristique sem odio elit. Felis a ut venenatis, aliquam semper sapien consequat elementum vivamus\n        tortor, cursus donec volutpat vitae massa. Sapien nam, dolor ut quam venenatis interdum molestie augue dui,\n        lorem sodales facilisis semper. Consectetur vivamus, commodo nulla accumsan fringilla mauris sagittis ipsum,\n        neque dolor quis ligula nunc.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseVisibilityBreakpointDesktop;\n"],"names":["CollapseVisibilityBreakpointDesktop","isOpenDesktop","toggleHandlerDesktop","useCollapse","jsxs","Fragment","jsx","ButtonLink","Collapse"],"mappings":";;;;AAKA,MAAMA,IAAsC,MAAM;AAChD,QAAM,EAAE,QAAQC,GAAe,eAAeC,EAAA,IAAyBC,EAAY,EAAK;AAExF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,SAASL,GAAsB,MAAK,UAAS,UAAS,WAAU,UAAA,mBAAA,CAE5E;AAAA,IACA,gBAAAI,EAACE,KAAS,IAAG,6CAA4C,QAAQP,GAAe,yBAAwB,WAAU,UAAA,qrBAAA,CAQlH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointTablet.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../ButtonLink/ButtonLink.cjs"),t=require("../Collapse.cjs"),u=require("../useCollapse.cjs"),r=()=>{const{isOpen:i,toggleHandler:l}=u.useCollapse(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.default,{onClick:l,size:"medium",hideFrom:"tablet",children:"Collapse trigger"}),e.jsx(t.default,{id:"collapse-visibility-breakpoint-tablet-id",isOpen:i,collapsibleToBreakpoint:"tablet",children:"Turpis cursus, urna vehicula sed porttitor nulla non mauris sapien congue, urna dui augue facilisis. Nunc elit, ipsum porttitor curabitur sapien nulla finibus quis pulvinar, commodo convallis lorem fringilla nec. Quam libero, vitae massa ornare eget vestibulum et iaculis quisque sapien, turpis maximus maximus vivamus. Nibh maximus molestie, donec rhoncus erat sed ac molestie donec sollicitudin sed id tortor, consequat venenatis fringilla augue. Urna imperdiet, dui vel risus posuere interdum duis id posuere purus, vel arcu dui erat id. Sed vitae potenti, ultricies pretium accumsan ligula lorem fringilla non nulla vel mi orci, sed id tortor lorem ipsum dolor sit amet dui et vehicula."})]})};exports.default=r;
+//# sourceMappingURL=CollapseVisibilityBreakpointTablet.cjs.map

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointTablet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseVisibilityBreakpointTablet.cjs","sources":["../../../../src/components/Collapse/demo/CollapseVisibilityBreakpointTablet.tsx"],"sourcesContent":["import React from 'react';\nimport { ButtonLink } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseVisibilityBreakpointTablet = () => {\n  const { isOpen: isOpenTablet, toggleHandler: toggleHandlerTablet } = useCollapse(false);\n\n  return (\n    <>\n      <ButtonLink onClick={toggleHandlerTablet} size=\"medium\" hideFrom=\"tablet\">\n        Collapse trigger\n      </ButtonLink>\n      <Collapse id=\"collapse-visibility-breakpoint-tablet-id\" isOpen={isOpenTablet} collapsibleToBreakpoint=\"tablet\">\n        Turpis cursus, urna vehicula sed porttitor nulla non mauris sapien congue, urna dui augue facilisis. Nunc elit,\n        ipsum porttitor curabitur sapien nulla finibus quis pulvinar, commodo convallis lorem fringilla nec. Quam\n        libero, vitae massa ornare eget vestibulum et iaculis quisque sapien, turpis maximus maximus vivamus. Nibh\n        maximus molestie, donec rhoncus erat sed ac molestie donec sollicitudin sed id tortor, consequat venenatis\n        fringilla augue. Urna imperdiet, dui vel risus posuere interdum duis id posuere purus, vel arcu dui erat id. Sed\n        vitae potenti, ultricies pretium accumsan ligula lorem fringilla non nulla vel mi orci, sed id tortor lorem\n        ipsum dolor sit amet dui et vehicula.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseVisibilityBreakpointTablet;\n"],"names":["CollapseVisibilityBreakpointTablet","isOpenTablet","toggleHandlerTablet","useCollapse","jsxs","Fragment","jsx","ButtonLink","Collapse"],"mappings":"2PAKMA,EAAqC,IAAM,CAC/C,KAAM,CAAE,OAAQC,EAAc,cAAeC,CAAA,EAAwBC,EAAAA,YAAY,EAAK,EAEtF,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAW,QAASL,EAAqB,KAAK,SAAS,SAAS,SAAS,SAAA,kBAAA,CAE1E,EACAI,EAAAA,IAACE,EAAAA,SAAS,GAAG,2CAA2C,OAAQP,EAAc,wBAAwB,SAAS,SAAA,orBAAA,CAQ/G,CAAA,EACF,CAEJ"}

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointTablet.js

@@ -0,0 +1,15 @@
+import { jsxs as r, Fragment as s, jsx as i } from "react/jsx-runtime";
+import t from "../../ButtonLink/ButtonLink.js";
+import a from "../Collapse.js";
+import { useCollapse as u } from "../useCollapse.js";
+const c = () => {
+  const { isOpen: e, toggleHandler: l } = u(!1);
+  return /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ i(t, { onClick: l, size: "medium", hideFrom: "tablet", children: "Collapse trigger" }),
+    /* @__PURE__ */ i(a, { id: "collapse-visibility-breakpoint-tablet-id", isOpen: e, collapsibleToBreakpoint: "tablet", children: "Turpis cursus, urna vehicula sed porttitor nulla non mauris sapien congue, urna dui augue facilisis. Nunc elit, ipsum porttitor curabitur sapien nulla finibus quis pulvinar, commodo convallis lorem fringilla nec. Quam libero, vitae massa ornare eget vestibulum et iaculis quisque sapien, turpis maximus maximus vivamus. Nibh maximus molestie, donec rhoncus erat sed ac molestie donec sollicitudin sed id tortor, consequat venenatis fringilla augue. Urna imperdiet, dui vel risus posuere interdum duis id posuere purus, vel arcu dui erat id. Sed vitae potenti, ultricies pretium accumsan ligula lorem fringilla non nulla vel mi orci, sed id tortor lorem ipsum dolor sit amet dui et vehicula." })
+  ] });
+};
+export {
+  c as default
+};
+//# sourceMappingURL=CollapseVisibilityBreakpointTablet.js.map

package/dist/components/Collapse/demo/CollapseVisibilityBreakpointTablet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseVisibilityBreakpointTablet.js","sources":["../../../../src/components/Collapse/demo/CollapseVisibilityBreakpointTablet.tsx"],"sourcesContent":["import React from 'react';\nimport { ButtonLink } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseVisibilityBreakpointTablet = () => {\n  const { isOpen: isOpenTablet, toggleHandler: toggleHandlerTablet } = useCollapse(false);\n\n  return (\n    <>\n      <ButtonLink onClick={toggleHandlerTablet} size=\"medium\" hideFrom=\"tablet\">\n        Collapse trigger\n      </ButtonLink>\n      <Collapse id=\"collapse-visibility-breakpoint-tablet-id\" isOpen={isOpenTablet} collapsibleToBreakpoint=\"tablet\">\n        Turpis cursus, urna vehicula sed porttitor nulla non mauris sapien congue, urna dui augue facilisis. Nunc elit,\n        ipsum porttitor curabitur sapien nulla finibus quis pulvinar, commodo convallis lorem fringilla nec. Quam\n        libero, vitae massa ornare eget vestibulum et iaculis quisque sapien, turpis maximus maximus vivamus. Nibh\n        maximus molestie, donec rhoncus erat sed ac molestie donec sollicitudin sed id tortor, consequat venenatis\n        fringilla augue. Urna imperdiet, dui vel risus posuere interdum duis id posuere purus, vel arcu dui erat id. Sed\n        vitae potenti, ultricies pretium accumsan ligula lorem fringilla non nulla vel mi orci, sed id tortor lorem\n        ipsum dolor sit amet dui et vehicula.\n      </Collapse>\n    </>\n  );\n};\n\nexport default CollapseVisibilityBreakpointTablet;\n"],"names":["CollapseVisibilityBreakpointTablet","isOpenTablet","toggleHandlerTablet","useCollapse","jsxs","Fragment","jsx","ButtonLink","Collapse"],"mappings":";;;;AAKA,MAAMA,IAAqC,MAAM;AAC/C,QAAM,EAAE,QAAQC,GAAc,eAAeC,EAAA,IAAwBC,EAAY,EAAK;AAEtF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,SAASL,GAAqB,MAAK,UAAS,UAAS,UAAS,UAAA,mBAAA,CAE1E;AAAA,IACA,gBAAAI,EAACE,KAAS,IAAG,4CAA2C,QAAQP,GAAc,yBAAwB,UAAS,UAAA,qrBAAA,CAQ/G;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@alma-oss/spirit-icons/icons"),l=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../context/IconsContext.cjs"),r=require("./CollapseDefault.cjs"),o=require("./CollapseHelperClass.cjs"),n=require("./CollapseHideTrigger.cjs"),u=require("./CollapseMultipleTriggers.cjs"),a=require("./CollapseOpenOnInit.cjs"),c=require("./CollapseVisibilityBreakpointDesktop.cjs"),d=require("./CollapseVisibilityBreakpointTablet.cjs"),p=()=>e.jsx(l.StrictMode,{children:e.jsxs(s.IconsProvider,{value:i,children:[e.jsx(t.default,{title:"Default",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Open on Load",children:e.jsx(a.default,{})}),e.jsx(t.default,{title:"Destroy Collapsing on Tablet",tag:"Resize your viewport to test",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Destroy Collapsing on Desktop",tag:"Resize your viewport to test",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"One-time Inline Expanding",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Toggle Trigger Text",children:e.jsx(o.default,{})}),e.jsx(t.default,{title:"Multiple Triggers",children:e.jsx(u.default,{})})]})});exports.Preview=p;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Collapse/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Collapse/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport CollapseDefault from './CollapseDefault';\nimport CollapseHelperClass from './CollapseHelperClass';\nimport CollapseHideTrigger from './CollapseHideTrigger';\nimport CollapseMultipleTriggers from './CollapseMultipleTriggers';\nimport CollapseOpenOnInit from './CollapseOpenOnInit';\nimport CollapseVisibilityBreakpointDesktop from './CollapseVisibilityBreakpointDesktop';\nimport CollapseVisibilityBreakpointTablet from './CollapseVisibilityBreakpointTablet';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <CollapseDefault />\n      </DocsSection>\n      <DocsSection title=\"Open on Load\">\n        <CollapseOpenOnInit />\n      </DocsSection>\n      <DocsSection title=\"Destroy Collapsing on Tablet\" tag=\"Resize your viewport to test\">\n        <CollapseVisibilityBreakpointTablet />\n      </DocsSection>\n      <DocsSection title=\"Destroy Collapsing on Desktop\" tag=\"Resize your viewport to test\">\n        <CollapseVisibilityBreakpointDesktop />\n      </DocsSection>\n      <DocsSection title=\"One-time Inline Expanding\">\n        <CollapseHideTrigger />\n      </DocsSection>\n      <DocsSection title=\"Toggle Trigger Text\">\n        <CollapseHelperClass />\n      </DocsSection>\n      <DocsSection title=\"Multiple Triggers\">\n        <CollapseMultipleTriggers />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","CollapseDefault","CollapseOpenOnInit","CollapseVisibilityBreakpointTablet","CollapseVisibilityBreakpointDesktop","CollapseHideTrigger","CollapseHelperClass","CollapseMultipleTriggers"],"mappings":"mlBAeaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAL,MAACM,EAAAA,UAAgB,EACnB,QACCD,EAAAA,QAAA,CAAY,MAAM,eACjB,SAAAL,MAACO,EAAAA,UAAmB,EACtB,EACAP,EAAAA,IAACK,EAAAA,SAAY,MAAM,+BAA+B,IAAI,+BACpD,SAAAL,EAAAA,IAACQ,YAAmC,CAAA,CACtC,EACAR,EAAAA,IAACK,EAAAA,SAAY,MAAM,gCAAgC,IAAI,+BACrD,SAAAL,EAAAA,IAACS,YAAoC,CAAA,CACvC,QACCJ,EAAAA,QAAA,CAAY,MAAM,4BACjB,SAAAL,MAACU,EAAAA,UAAoB,EACvB,QACCL,EAAAA,QAAA,CAAY,MAAM,sBACjB,SAAAL,MAACW,EAAAA,UAAoB,EACvB,QACCN,EAAAA,QAAA,CAAY,MAAM,oBACjB,SAAAL,EAAAA,IAACY,YAAyB,CAAA,CAC5B,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/components/Collapse/demo/preview.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import o from "@alma-oss/spirit-icons/icons";
+import { StrictMode as r } from "react";
+import i from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as l } from "../../../context/IconsContext.js";
+import p from "./CollapseDefault.js";
+import s from "./CollapseHelperClass.js";
+import n from "./CollapseHideTrigger.js";
+import m from "./CollapseMultipleTriggers.js";
+import a from "./CollapseOpenOnInit.js";
+import c from "./CollapseVisibilityBreakpointDesktop.js";
+import g from "./CollapseVisibilityBreakpointTablet.js";
+const O = () => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(l, { value: o, children: [
+  /* @__PURE__ */ e(i, { title: "Default", children: /* @__PURE__ */ e(p, {}) }),
+  /* @__PURE__ */ e(i, { title: "Open on Load", children: /* @__PURE__ */ e(a, {}) }),
+  /* @__PURE__ */ e(i, { title: "Destroy Collapsing on Tablet", tag: "Resize your viewport to test", children: /* @__PURE__ */ e(g, {}) }),
+  /* @__PURE__ */ e(i, { title: "Destroy Collapsing on Desktop", tag: "Resize your viewport to test", children: /* @__PURE__ */ e(c, {}) }),
+  /* @__PURE__ */ e(i, { title: "One-time Inline Expanding", children: /* @__PURE__ */ e(n, {}) }),
+  /* @__PURE__ */ e(i, { title: "Toggle Trigger Text", children: /* @__PURE__ */ e(s, {}) }),
+  /* @__PURE__ */ e(i, { title: "Multiple Triggers", children: /* @__PURE__ */ e(m, {}) })
+] }) });
+export {
+  O as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Collapse/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Collapse/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport CollapseDefault from './CollapseDefault';\nimport CollapseHelperClass from './CollapseHelperClass';\nimport CollapseHideTrigger from './CollapseHideTrigger';\nimport CollapseMultipleTriggers from './CollapseMultipleTriggers';\nimport CollapseOpenOnInit from './CollapseOpenOnInit';\nimport CollapseVisibilityBreakpointDesktop from './CollapseVisibilityBreakpointDesktop';\nimport CollapseVisibilityBreakpointTablet from './CollapseVisibilityBreakpointTablet';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\">\n        <CollapseDefault />\n      </DocsSection>\n      <DocsSection title=\"Open on Load\">\n        <CollapseOpenOnInit />\n      </DocsSection>\n      <DocsSection title=\"Destroy Collapsing on Tablet\" tag=\"Resize your viewport to test\">\n        <CollapseVisibilityBreakpointTablet />\n      </DocsSection>\n      <DocsSection title=\"Destroy Collapsing on Desktop\" tag=\"Resize your viewport to test\">\n        <CollapseVisibilityBreakpointDesktop />\n      </DocsSection>\n      <DocsSection title=\"One-time Inline Expanding\">\n        <CollapseHideTrigger />\n      </DocsSection>\n      <DocsSection title=\"Toggle Trigger Text\">\n        <CollapseHelperClass />\n      </DocsSection>\n      <DocsSection title=\"Multiple Triggers\">\n        <CollapseMultipleTriggers />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","CollapseDefault","CollapseOpenOnInit","CollapseVisibilityBreakpointTablet","CollapseVisibilityBreakpointDesktop","CollapseHideTrigger","CollapseHelperClass","CollapseMultipleTriggers"],"mappings":";;;;;;;;;;;;;AAeO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,WACjB,UAAA,gBAAAL,EAACM,KAAgB,GACnB;AAAA,oBACCD,GAAA,EAAY,OAAM,gBACjB,UAAA,gBAAAL,EAACO,KAAmB,GACtB;AAAA,EACA,gBAAAP,EAACK,KAAY,OAAM,gCAA+B,KAAI,gCACpD,UAAA,gBAAAL,EAACQ,KAAmC,EAAA,CACtC;AAAA,EACA,gBAAAR,EAACK,KAAY,OAAM,iCAAgC,KAAI,gCACrD,UAAA,gBAAAL,EAACS,KAAoC,EAAA,CACvC;AAAA,oBACCJ,GAAA,EAAY,OAAM,6BACjB,UAAA,gBAAAL,EAACU,KAAoB,GACvB;AAAA,oBACCL,GAAA,EAAY,OAAM,uBACjB,UAAA,gBAAAL,EAACW,KAAoB,GACvB;AAAA,oBACCN,GAAA,EAAY,OAAM,qBACjB,UAAA,gBAAAL,EAACY,KAAyB,EAAA,CAC5B;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Collapse/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Collapse/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Collapse/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Collapse/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Collapse/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Collapse/preview/index'
+export default _default
+export {}

package/dist/components/Collapse/useCollapseStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),r=require("../../constants/classes.cjs"),c=require("../../hooks/useClassNamePrefix.cjs"),p=(s,t,o)=>{const e=c.useClassNamePrefix("Collapse"),l=`${e}__content`,n=s?r.CLASS_NAME_OPEN:"";return{classProps:{root:a(e,n),content:l},styleProps:t==="span"?{}:{height:s?o:0}}};exports.useCollapseStyleProps=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),c=require("../../constants/classes.cjs"),p=require("../../hooks/useClassNamePrefix.cjs"),u=(s,t,o)=>{const e=p.useClassNamePrefix("Collapse"),l=`${e}__content`,n=s?c.CLASS_NAME_OPEN:"",a=t==="span"?{}:{height:s?o:0};return{classProps:{root:r(e,n),content:l},styleProps:a}};exports.useCollapseStyleProps=u;
 //# sourceMappingURL=useCollapseStyleProps.cjs.map

package/dist/components/Collapse/useCollapseStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCollapseStyleProps.cjs","sources":["../../../src/components/Collapse/useCollapseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface CollapseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    content: string;\n  };\n  /** style props */\n  styleProps?: {\n    height?: string | number;\n  };\n}\n\nexport const useCollapseStyleProps = (\n  isOpen: boolean,\n  elementType: ElementType,\n  collapseHeight?: string,\n): CollapseStyles => {\n  const collapseClass = useClassNamePrefix('Collapse');\n  const collapseContentClass = `${collapseClass}__content`;\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n  const rootClass = classNames(collapseClass, openClass);\n\n  // For span elements, don't use height-based transitions as they use display: none/inline\n  const isSpanElement = elementType === 'span';\n  const styleProps = isSpanElement ? {} : { height: isOpen ? collapseHeight : 0 };\n\n  return {\n    classProps: {\n      root: rootClass,\n      content: collapseContentClass,\n    },\n    styleProps,\n  };\n};\n"],"names":["useCollapseStyleProps","isOpen","elementType","collapseHeight","collapseClass","useClassNamePrefix","collapseContentClass","openClass","CLASS_NAME_OPEN","classNames"],"mappings":"uMAiBaA,EAAwB,CACnCC,EACAC,EACAC,IACmB,CACnB,MAAMC,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAuB,GAAGF,CAAa,YACvCG,EAAYN,EAASO,EAAAA,gBAAkB,GAO7C,MAAO,CACL,WAAY,CACV,KARcC,EAAWL,EAAeG,CAAS,EASjD,QAASD,CAAA,EAEX,WARoBJ,IAAgB,OACH,CAAA,EAAK,CAAE,OAAQD,EAASE,EAAiB,CAAA,CAO1E,CAEJ"}
+{"version":3,"file":"useCollapseStyleProps.cjs","sources":["../../../src/components/Collapse/useCollapseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface CollapseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    content: string;\n  };\n  /** style props */\n  styleProps?: {\n    height?: string | number;\n  };\n}\n\nexport const useCollapseStyleProps = (\n  isOpen: boolean,\n  elementType: ElementType,\n  collapseHeight?: string,\n): CollapseStyles => {\n  const collapseClass = useClassNamePrefix('Collapse');\n  const collapseContentClass = `${collapseClass}__content`;\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n  // For span elements, don't use height-based transitions as they use display: none/inline\n  const isSpanElement = elementType === 'span';\n  const styleProps = isSpanElement ? {} : { height: isOpen ? collapseHeight : 0 };\n\n  return {\n    classProps: {\n      root: classNames(collapseClass, openClass),\n      content: collapseContentClass,\n    },\n    styleProps,\n  };\n};\n"],"names":["useCollapseStyleProps","isOpen","elementType","collapseHeight","collapseClass","useClassNamePrefix","collapseContentClass","openClass","CLASS_NAME_OPEN","styleProps","classNames"],"mappings":"uMAiBaA,EAAwB,CACnCC,EACAC,EACAC,IACmB,CACnB,MAAMC,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAuB,GAAGF,CAAa,YACvCG,EAAYN,EAASO,EAAAA,gBAAkB,GAGvCC,EADgBP,IAAgB,OACH,CAAA,EAAK,CAAE,OAAQD,EAASE,EAAiB,CAAA,EAE5E,MAAO,CACL,WAAY,CACV,KAAMO,EAAWN,EAAeG,CAAS,EACzC,QAASD,CAAA,EAEX,WAAAG,CAAA,CAEJ"}

package/dist/components/Collapse/useCollapseStyleProps.js

@@ -1,17 +1,17 @@
-import n from "classnames";
-import { CLASS_NAME_OPEN as a } from "../../constants/classes.js";
-import { useClassNamePrefix as r } from "../../hooks/useClassNamePrefix.js";
-const f = (s, t, e) => {
-  const o = r("Collapse"), l = `${o}__content`;
+import r from "classnames";
+import { CLASS_NAME_OPEN as p } from "../../constants/classes.js";
+import { useClassNamePrefix as c } from "../../hooks/useClassNamePrefix.js";
+const S = (s, t, e) => {
+  const o = c("Collapse"), l = `${o}__content`, n = s ? p : "", a = t === "span" ? {} : { height: s ? e : 0 };
   return {
     classProps: {
-      root: n(o, s ? a : ""),
+      root: r(o, n),
       content: l
     },
-    styleProps: t === "span" ? {} : { height: s ? e : 0 }
+    styleProps: a
   };
 };
 export {
-  f as useCollapseStyleProps
+  S as useCollapseStyleProps
 };
 //# sourceMappingURL=useCollapseStyleProps.js.map

package/dist/components/Collapse/useCollapseStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollapseStyleProps.js","sources":["../../../src/components/Collapse/useCollapseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface CollapseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    content: string;\n  };\n  /** style props */\n  styleProps?: {\n    height?: string | number;\n  };\n}\n\nexport const useCollapseStyleProps = (\n  isOpen: boolean,\n  elementType: ElementType,\n  collapseHeight?: string,\n): CollapseStyles => {\n  const collapseClass = useClassNamePrefix('Collapse');\n  const collapseContentClass = `${collapseClass}__content`;\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n  const rootClass = classNames(collapseClass, openClass);\n\n  // For span elements, don't use height-based transitions as they use display: none/inline\n  const isSpanElement = elementType === 'span';\n  const styleProps = isSpanElement ? {} : { height: isOpen ? collapseHeight : 0 };\n\n  return {\n    classProps: {\n      root: rootClass,\n      content: collapseContentClass,\n    },\n    styleProps,\n  };\n};\n"],"names":["useCollapseStyleProps","isOpen","elementType","collapseHeight","collapseClass","useClassNamePrefix","collapseContentClass","classNames","CLASS_NAME_OPEN"],"mappings":";;;AAiBO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACmB;AACnB,QAAMC,IAAgBC,EAAmB,UAAU,GAC7CC,IAAuB,GAAGF,CAAa;AAQ7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MARcG,EAAWH,GADXH,IAASO,IAAkB,EACQ;AAAA,MASjD,SAASF;AAAA,IAAA;AAAA,IAEX,YARoBJ,MAAgB,SACH,CAAA,IAAK,EAAE,QAAQD,IAASE,IAAiB,EAAA;AAAA,EAO1E;AAEJ;"}
+{"version":3,"file":"useCollapseStyleProps.js","sources":["../../../src/components/Collapse/useCollapseStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface CollapseStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    content: string;\n  };\n  /** style props */\n  styleProps?: {\n    height?: string | number;\n  };\n}\n\nexport const useCollapseStyleProps = (\n  isOpen: boolean,\n  elementType: ElementType,\n  collapseHeight?: string,\n): CollapseStyles => {\n  const collapseClass = useClassNamePrefix('Collapse');\n  const collapseContentClass = `${collapseClass}__content`;\n  const openClass = isOpen ? CLASS_NAME_OPEN : '';\n  // For span elements, don't use height-based transitions as they use display: none/inline\n  const isSpanElement = elementType === 'span';\n  const styleProps = isSpanElement ? {} : { height: isOpen ? collapseHeight : 0 };\n\n  return {\n    classProps: {\n      root: classNames(collapseClass, openClass),\n      content: collapseContentClass,\n    },\n    styleProps,\n  };\n};\n"],"names":["useCollapseStyleProps","isOpen","elementType","collapseHeight","collapseClass","useClassNamePrefix","collapseContentClass","openClass","CLASS_NAME_OPEN","styleProps","classNames"],"mappings":";;;AAiBO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACmB;AACnB,QAAMC,IAAgBC,EAAmB,UAAU,GAC7CC,IAAuB,GAAGF,CAAa,aACvCG,IAAYN,IAASO,IAAkB,IAGvCC,IADgBP,MAAgB,SACH,CAAA,IAAK,EAAE,QAAQD,IAASE,IAAiB,EAAA;AAE5E,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMO,EAAWN,GAAeG,CAAS;AAAA,MACzC,SAASD;AAAA,IAAA;AAAA,IAEX,YAAAG;AAAA,EAAA;AAEJ;"}

package/dist/components/Collapse.d.ts

@@ -1,2 +1,2 @@
-export * from './Collapse/index'
+export * from '../src/components/Collapse/index'
 export {}

package/dist/components/Container/demo/ContainerAlignment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),i=require("../../../constants/dictionaries.cjs"),n=require("../Container.cjs"),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(n.default,{children:e.jsx(t.default,{children:"Container"})}),e.jsx(n.default,{textAlignment:i.TextAlignments.CENTER,children:e.jsx(t.default,{children:"Container"})}),e.jsx(n.default,{textAlignment:i.TextAlignments.RIGHT,children:e.jsx(t.default,{children:"Container"})})]});exports.default=r;
+//# sourceMappingURL=ContainerAlignment.cjs.map

package/dist/components/Container/demo/ContainerAlignment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerAlignment.cjs","sources":["../../../../src/components/Container/demo/ContainerAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport { TextAlignments } from '../../../constants';\nimport Container from '../Container';\n\nconst ContainerAlignment = () => (\n  <>\n    <Container>\n      <DocsBox>Container</DocsBox>\n    </Container>\n    <Container textAlignment={TextAlignments.CENTER}>\n      <DocsBox>Container</DocsBox>\n    </Container>\n    <Container textAlignment={TextAlignments.RIGHT}>\n      <DocsBox>Container</DocsBox>\n    </Container>\n  </>\n);\n\nexport default ContainerAlignment;\n"],"names":["ContainerAlignment","jsxs","Fragment","jsx","Container","DocsBox","TextAlignments"],"mappings":"iRAKMA,EAAqB,IACzBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,SAAA,WAAA,CAAS,EACpB,EACAF,EAAAA,IAACC,EAAAA,SAAU,cAAeE,EAAAA,eAAe,OACvC,SAAAH,EAAAA,IAACE,EAAAA,QAAA,CAAQ,qBAAS,CAAA,CACpB,EACAF,EAAAA,IAACC,EAAAA,SAAU,cAAeE,EAAAA,eAAe,MACvC,SAAAH,EAAAA,IAACE,EAAAA,QAAA,CAAQ,qBAAS,CAAA,CACpB,CAAA,CAAA,CACF"}

package/dist/components/Container/demo/ContainerAlignment.js

@@ -0,0 +1,13 @@
+import { jsxs as i, Fragment as o, jsx as n } from "react/jsx-runtime";
+import t from "../../../web-react/docs/DocsBox.js";
+import { TextAlignments as r } from "../../../constants/dictionaries.js";
+import e from "../Container.js";
+const a = () => /* @__PURE__ */ i(o, { children: [
+  /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(t, { children: "Container" }) }),
+  /* @__PURE__ */ n(e, { textAlignment: r.CENTER, children: /* @__PURE__ */ n(t, { children: "Container" }) }),
+  /* @__PURE__ */ n(e, { textAlignment: r.RIGHT, children: /* @__PURE__ */ n(t, { children: "Container" }) })
+] });
+export {
+  a as default
+};
+//# sourceMappingURL=ContainerAlignment.js.map

package/dist/components/Container/demo/ContainerAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerAlignment.js","sources":["../../../../src/components/Container/demo/ContainerAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport { TextAlignments } from '../../../constants';\nimport Container from '../Container';\n\nconst ContainerAlignment = () => (\n  <>\n    <Container>\n      <DocsBox>Container</DocsBox>\n    </Container>\n    <Container textAlignment={TextAlignments.CENTER}>\n      <DocsBox>Container</DocsBox>\n    </Container>\n    <Container textAlignment={TextAlignments.RIGHT}>\n      <DocsBox>Container</DocsBox>\n    </Container>\n  </>\n);\n\nexport default ContainerAlignment;\n"],"names":["ContainerAlignment","jsxs","Fragment","jsx","Container","DocsBox","TextAlignments"],"mappings":";;;;AAKA,MAAMA,IAAqB,MACzB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,UAAA,YAAA,CAAS,GACpB;AAAA,EACA,gBAAAF,EAACC,KAAU,eAAeE,EAAe,QACvC,UAAA,gBAAAH,EAACE,GAAA,EAAQ,uBAAS,EAAA,CACpB;AAAA,EACA,gBAAAF,EAACC,KAAU,eAAeE,EAAe,OACvC,UAAA,gBAAAH,EAACE,GAAA,EAAQ,uBAAS,EAAA,CACpB;AAAA,EAAA,CACF;"}

package/dist/components/Container/demo/ContainerBlockFormattingContext.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),n=require("../Container.cjs"),r=()=>e.jsx("div",{className:"spirit-feature-enable-v5-container-block-formatting-context",children:e.jsx(n.default,{children:e.jsx(t.default,{children:"Container"})})});exports.default=r;
+//# sourceMappingURL=ContainerBlockFormattingContext.cjs.map

package/dist/components/Container/demo/ContainerBlockFormattingContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerBlockFormattingContext.cjs","sources":["../../../../src/components/Container/demo/ContainerBlockFormattingContext.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Container from '../Container';\n\nconst ContainerBlockFormattingContext = () => (\n  <div className=\"spirit-feature-enable-v5-container-block-formatting-context\">\n    <Container>\n      <DocsBox>Container</DocsBox>\n    </Container>\n  </div>\n);\n\nexport default ContainerBlockFormattingContext;\n"],"names":["ContainerBlockFormattingContext","jsx","Container","DocsBox"],"mappings":"gOAIMA,EAAkC,IACtCC,EAAAA,IAAC,MAAA,CAAI,UAAU,8DACb,SAAAA,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,SAAA,WAAA,CAAS,CAAA,CACpB,CAAA,CACF"}

package/dist/components/Container/demo/ContainerBlockFormattingContext.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "../../../web-react/docs/DocsBox.js";
+import r from "../Container.js";
+const a = () => /* @__PURE__ */ t("div", { className: "spirit-feature-enable-v5-container-block-formatting-context", children: /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(o, { children: "Container" }) }) });
+export {
+  a as default
+};
+//# sourceMappingURL=ContainerBlockFormattingContext.js.map

package/dist/components/Container/demo/ContainerBlockFormattingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerBlockFormattingContext.js","sources":["../../../../src/components/Container/demo/ContainerBlockFormattingContext.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Container from '../Container';\n\nconst ContainerBlockFormattingContext = () => (\n  <div className=\"spirit-feature-enable-v5-container-block-formatting-context\">\n    <Container>\n      <DocsBox>Container</DocsBox>\n    </Container>\n  </div>\n);\n\nexport default ContainerBlockFormattingContext;\n"],"names":["ContainerBlockFormattingContext","jsx","Container","DocsBox"],"mappings":";;;AAIA,MAAMA,IAAkC,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAU,+DACb,UAAA,gBAAAA,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,UAAA,YAAA,CAAS,EAAA,CACpB,EAAA,CACF;"}

package/dist/components/Container/demo/ContainerDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),r=require("../Container.cjs"),n=()=>e.jsx(r.default,{children:e.jsx(t.default,{children:"Container"})});exports.default=n;
+//# sourceMappingURL=ContainerDefault.cjs.map

package/dist/components/Container/demo/ContainerDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerDefault.cjs","sources":["../../../../src/components/Container/demo/ContainerDefault.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Container from '../Container';\n\nconst ContainerDefault = () => (\n  <Container>\n    <DocsBox>Container</DocsBox>\n  </Container>\n);\n\nexport default ContainerDefault;\n"],"names":["ContainerDefault","jsx","Container","DocsBox"],"mappings":"gOAIMA,EAAmB,IACvBC,EAAAA,IAACC,EAAAA,SACC,SAAAD,MAACE,EAAAA,QAAA,CAAQ,qBAAS,CAAA,CACpB"}

package/dist/components/Container/demo/ContainerDefault.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "../../../web-react/docs/DocsBox.js";
+import t from "../Container.js";
+const a = () => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(r, { children: "Container" }) });
+export {
+  a as default
+};
+//# sourceMappingURL=ContainerDefault.js.map

package/dist/components/Container/demo/ContainerDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerDefault.js","sources":["../../../../src/components/Container/demo/ContainerDefault.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Container from '../Container';\n\nconst ContainerDefault = () => (\n  <Container>\n    <DocsBox>Container</DocsBox>\n  </Container>\n);\n\nexport default ContainerDefault;\n"],"names":["ContainerDefault","jsx","Container","DocsBox"],"mappings":";;;AAIA,MAAMA,IAAmB,MACvB,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,uBAAS,EAAA,CACpB;"}

package/dist/components/Container/demo/ContainerFluid.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),r=require("../Container.cjs"),i=()=>e.jsx(r.default,{isFluid:!0,children:e.jsx(t.default,{children:"Container"})});exports.default=i;
+//# sourceMappingURL=ContainerFluid.cjs.map

package/dist/components/Container/demo/ContainerFluid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerFluid.cjs","sources":["../../../../src/components/Container/demo/ContainerFluid.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Container from '../Container';\n\nconst ContainerFluid = () => (\n  <Container isFluid>\n    <DocsBox>Container</DocsBox>\n  </Container>\n);\n\nexport default ContainerFluid;\n"],"names":["ContainerFluid","jsx","Container","DocsBox"],"mappings":"gOAIMA,EAAiB,IACrBC,EAAAA,IAACC,UAAA,CAAU,QAAO,GAChB,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,SAAA,WAAA,CAAS,CAAA,CACpB"}

package/dist/components/Container/demo/ContainerFluid.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../../web-react/docs/DocsBox.js";
+import i from "../Container.js";
+const s = () => /* @__PURE__ */ r(i, { isFluid: !0, children: /* @__PURE__ */ r(o, { children: "Container" }) });
+export {
+  s as default
+};
+//# sourceMappingURL=ContainerFluid.js.map

package/dist/components/Container/demo/ContainerFluid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerFluid.js","sources":["../../../../src/components/Container/demo/ContainerFluid.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Container from '../Container';\n\nconst ContainerFluid = () => (\n  <Container isFluid>\n    <DocsBox>Container</DocsBox>\n  </Container>\n);\n\nexport default ContainerFluid;\n"],"names":["ContainerFluid","jsx","Container","DocsBox"],"mappings":";;;AAIA,MAAMA,IAAiB,MACrB,gBAAAC,EAACC,GAAA,EAAU,SAAO,IAChB,UAAA,gBAAAD,EAACE,GAAA,EAAQ,UAAA,YAAA,CAAS,EAAA,CACpB;"}

package/dist/components/Container/demo/ContainerSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../web-react/docs/DocsBox.cjs"),i=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../constants/dictionaries.cjs"),o=require("../Container.cjs"),c=()=>{const n=Object.values(s.ContainerTokenSizes);return e.jsx(e.Fragment,{children:n.map(t=>e.jsx(i.default,{title:`Size ${t}`,stackAlignment:"stretch",container:"heading-only",children:e.jsx(o.default,{size:t,children:e.jsxs(r.default,{children:["Container of ",t," size"]})})},t))})};exports.default=c;
+//# sourceMappingURL=ContainerSizes.cjs.map

package/dist/components/Container/demo/ContainerSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerSizes.cjs","sources":["../../../../src/components/Container/demo/ContainerSizes.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { ContainerTokenSizes } from '../../../constants';\nimport Container from '../Container';\n\nconst ContainerSizes = () => {\n  const sizes = Object.values(ContainerTokenSizes);\n\n  return (\n    <>\n      {sizes.map((size) => (\n        <DocsSection title={`Size ${size}`} stackAlignment=\"stretch\" key={size} container=\"heading-only\">\n          <Container size={size}>\n            <DocsBox>Container of {size} size</DocsBox>\n          </Container>\n        </DocsSection>\n      ))}\n    </>\n  );\n};\n\nexport default ContainerSizes;\n"],"names":["ContainerSizes","sizes","ContainerTokenSizes","size","jsx","DocsSection","Container","DocsBox"],"mappings":"sUAMMA,EAAiB,IAAM,CAC3B,MAAMC,EAAQ,OAAO,OAAOC,qBAAmB,EAE/C,yBAEK,SAAAD,EAAM,IAAKE,GACVC,EAAAA,IAACC,EAAAA,SAAY,MAAO,QAAQF,CAAI,GAAI,eAAe,UAAqB,UAAU,eAChF,eAACG,UAAA,CAAU,KAAAH,EACT,gBAACI,EAAAA,QAAA,CAAQ,SAAA,CAAA,gBAAcJ,EAAK,OAAA,CAAA,CAAK,CAAA,CACnC,CAAA,EAHgEA,CAIlE,CACD,CAAA,CACH,CAEJ"}

package/dist/components/Container/demo/ContainerSizes.js

@@ -0,0 +1,17 @@
+import { jsx as o, Fragment as e, jsxs as n } from "react/jsx-runtime";
+import i from "../../../web-react/docs/DocsBox.js";
+import s from "../../../web-react/docs/DocsSection.js";
+import { ContainerTokenSizes as c } from "../../../constants/dictionaries.js";
+import m from "../Container.js";
+const h = () => {
+  const r = Object.values(c);
+  return /* @__PURE__ */ o(e, { children: r.map((t) => /* @__PURE__ */ o(s, { title: `Size ${t}`, stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ o(m, { size: t, children: /* @__PURE__ */ n(i, { children: [
+    "Container of ",
+    t,
+    " size"
+  ] }) }) }, t)) });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=ContainerSizes.js.map

package/dist/components/Container/demo/ContainerSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerSizes.js","sources":["../../../../src/components/Container/demo/ContainerSizes.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { ContainerTokenSizes } from '../../../constants';\nimport Container from '../Container';\n\nconst ContainerSizes = () => {\n  const sizes = Object.values(ContainerTokenSizes);\n\n  return (\n    <>\n      {sizes.map((size) => (\n        <DocsSection title={`Size ${size}`} stackAlignment=\"stretch\" key={size} container=\"heading-only\">\n          <Container size={size}>\n            <DocsBox>Container of {size} size</DocsBox>\n          </Container>\n        </DocsSection>\n      ))}\n    </>\n  );\n};\n\nexport default ContainerSizes;\n"],"names":["ContainerSizes","sizes","ContainerTokenSizes","size","jsx","DocsSection","Container","DocsBox"],"mappings":";;;;;AAMA,MAAMA,IAAiB,MAAM;AAC3B,QAAMC,IAAQ,OAAO,OAAOC,CAAmB;AAE/C,gCAEK,UAAAD,EAAM,IAAI,CAACE,MACV,gBAAAC,EAACC,KAAY,OAAO,QAAQF,CAAI,IAAI,gBAAe,WAAqB,WAAU,gBAChF,4BAACG,GAAA,EAAU,MAAAH,GACT,4BAACI,GAAA,EAAQ,UAAA;AAAA,IAAA;AAAA,IAAcJ;AAAA,IAAK;AAAA,EAAA,EAAA,CAAK,EAAA,CACnC,EAAA,GAHgEA,CAIlE,CACD,EAAA,CACH;AAEJ;"}

package/dist/components/Container/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("./ContainerAlignment.cjs"),r=require("./ContainerBlockFormattingContext.cjs"),l=require("./ContainerDefault.cjs"),c=require("./ContainerFluid.cjs"),s=require("./ContainerSizes.cjs"),a=()=>e.jsxs(n.StrictMode,{children:[e.jsx(t.default,{title:"Default",stackAlignment:"stretch",container:"heading-only",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Fluid",stackAlignment:"stretch",container:"heading-only",children:e.jsx(c.default,{})}),e.jsx(s.default,{}),e.jsx(t.default,{title:"Text Alignment",stackAlignment:"stretch",container:"heading-only",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Feature Flag: Block Formatting Context",stackAlignment:"stretch",container:"heading-only",children:e.jsx(r.default,{})})]});exports.Preview=a;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Container/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Container/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport ContainerAlignment from './ContainerAlignment';\nimport ContainerBlockFormattingContext from './ContainerBlockFormattingContext';\nimport ContainerDefault from './ContainerDefault';\nimport ContainerFluid from './ContainerFluid';\nimport ContainerSizes from './ContainerSizes';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerDefault />\n    </DocsSection>\n    <DocsSection title=\"Fluid\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerFluid />\n    </DocsSection>\n    <ContainerSizes />\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerAlignment />\n    </DocsSection>\n    <DocsSection title=\"Feature Flag: Block Formatting Context\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerBlockFormattingContext />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","ContainerDefault","ContainerFluid","ContainerSizes","ContainerAlignment","ContainerBlockFormattingContext"],"mappings":"2YAUaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,UAAU,eAAe,UAAU,UAAU,eAC9D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAA,CAAiB,CAAA,CACpB,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,QAAQ,eAAe,UAAU,UAAU,eAC5D,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAA,CAAe,CAAA,CAClB,QACCC,EAAAA,QAAA,EAAe,EAChBJ,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,iBAAiB,eAAe,UAAU,UAAU,eACrE,SAAAD,EAAAA,IAACK,EAAAA,QAAA,CAAA,CAAmB,CAAA,CACtB,EACAL,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,yCAAyC,eAAe,UAAU,UAAU,eAC7F,SAAAD,EAAAA,IAACM,EAAAA,QAAA,CAAA,CAAgC,CAAA,CACnC,CAAA,CAAA,CACF"}

package/dist/components/Container/demo/preview.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import n from "../../../web-react/docs/DocsSection.js";
+import r from "./ContainerAlignment.js";
+import o from "./ContainerBlockFormattingContext.js";
+import l from "./ContainerDefault.js";
+import c from "./ContainerFluid.js";
+import m from "./ContainerSizes.js";
+const C = () => /* @__PURE__ */ e(i, { children: [
+  /* @__PURE__ */ t(n, { title: "Default", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(n, { title: "Fluid", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(m, {}),
+  /* @__PURE__ */ t(n, { title: "Text Alignment", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(r, {}) }),
+  /* @__PURE__ */ t(n, { title: "Feature Flag: Block Formatting Context", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(o, {}) })
+] });
+export {
+  C as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Container/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Container/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport ContainerAlignment from './ContainerAlignment';\nimport ContainerBlockFormattingContext from './ContainerBlockFormattingContext';\nimport ContainerDefault from './ContainerDefault';\nimport ContainerFluid from './ContainerFluid';\nimport ContainerSizes from './ContainerSizes';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerDefault />\n    </DocsSection>\n    <DocsSection title=\"Fluid\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerFluid />\n    </DocsSection>\n    <ContainerSizes />\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerAlignment />\n    </DocsSection>\n    <DocsSection title=\"Feature Flag: Block Formatting Context\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerBlockFormattingContext />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","ContainerDefault","ContainerFluid","ContainerSizes","ContainerAlignment","ContainerBlockFormattingContext"],"mappings":";;;;;;;;;AAUO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WAAU,gBAAe,WAAU,WAAU,gBAC9D,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAY,OAAM,SAAQ,gBAAe,WAAU,WAAU,gBAC5D,UAAA,gBAAAD,EAACG,GAAA,CAAA,CAAe,EAAA,CAClB;AAAA,oBACCC,GAAA,EAAe;AAAA,EAChB,gBAAAJ,EAACC,GAAA,EAAY,OAAM,kBAAiB,gBAAe,WAAU,WAAU,gBACrE,UAAA,gBAAAD,EAACK,GAAA,CAAA,CAAmB,EAAA,CACtB;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAY,OAAM,0CAAyC,gBAAe,WAAU,WAAU,gBAC7F,UAAA,gBAAAD,EAACM,GAAA,CAAA,CAAgC,EAAA,CACnC;AAAA,EAAA,CACF;"}

package/dist/components/Container/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Container/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Container/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Container/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Container/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Container/preview/index'
+export default _default
+export {}

package/dist/components/Container.d.ts

@@ -1,2 +1,2 @@
-export * from './Container/index'
+export * from '../src/components/Container/index'
 export {}

package/dist/components/ControlButton/demo/ControlButtonDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),n=require("../../../constants/dictionaries.cjs"),a=require("../../../utils/colorObjectGenerators.cjs"),p=require("../../Box/Box.cjs"),x=require("../../Flex/Flex.cjs"),i=require("../../Icon/Icon.cjs"),C=require("../ControlButton.cjs"),B=require("../../../web-react/docs/constants.cjs"),b=a.getAccentBackgroundColors(),k=a.getEmotionBackgroundColors(),I=a.getNeutralBackgroundColors(),U=a.getAccentTextColors(),S=a.getEmotionTextColors(),T=a.getNeutralTextColors(),d=(e,o,r)=>{switch(o){case"basic":return e;case"neutral":{const t=`NEUTRAL_${r.toUpperCase()}`;return I[t]}case"emotion":{const t=`EMOTION_${e.toUpperCase()}_${r.toUpperCase()}`;return k[t]}case"accent":{const t=`ACCENT_${e.toUpperCase()}_${r.toUpperCase()}`;return b[t]}default:return}},f=(e,o,r)=>{switch(o){case"basic":return;case"neutral":{const t=`NEUTRAL_${r.toUpperCase()}`;return T[t]}case"emotion":{const t=`EMOTION_${e.toUpperCase()}_${r.toUpperCase()}`;return S[t]}case"accent":{const t=`ACCENT_${e.toUpperCase()}_${r.toUpperCase()}`;return U[t]}default:return}},u=(e,o,r)=>{const t=Object.values(n.Sizes),g=r?d(e,o,r):d(e,o,n.Intensity.BASIC),m=r?f(e,o,r===n.Intensity.BASIC?n.Intensity.SUBTLE:n.Intensity.BASIC):void 0;return s.jsxs(p.default,{alignmentX:{mobile:"center",tablet:"left"},alignmentY:"center",backgroundColor:g,elementType:x.default,padding:"space-800",textColor:m,children:[t.map(c=>s.jsx(l.Fragment,{children:s.jsx(C.default,{size:c,isSymmetrical:!0,isSubtle:!0,"aria-label":"Close dialog",children:s.jsx(i.default,{name:"close"})})},`${c}-subtle`)),t.map(c=>s.jsx(l.Fragment,{children:s.jsx(C.default,{size:c,isSymmetrical:!0,"aria-label":"Close dialog",children:s.jsx(i.default,{name:"close"})})},`${c}-bordered`))]},r||"default")},j=({color:e,colorType:o})=>o===B.DemoColorTypes.BASIC?u(e,o):s.jsxs(s.Fragment,{children:[u(e,o,n.Intensity.BASIC),u(e,o,n.Intensity.SUBTLE)]});exports.default=j;
+//# sourceMappingURL=ControlButtonDemoFactory.cjs.map