npm - @alma-oss/spirit-web-react - Versions diffs - 4.5.0 → 4.6.1 - Mend

@alma-oss/spirit-web-react 4.5.0 → 4.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2102) hide show

package/dist/components/Collapse/demo/CollapseHelperClass.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CollapseHelperClass.cjs","sources":["../../../../src/components/Collapse/demo/CollapseHelperClass.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseHelperClass = () => {\n const { isOpen, toggleHandler } = useCollapse(false);\n\n return (\n <>\n <p>\n Ante rhoncus, tristique nunc et elit id in ex sem consectetur id, consectetur et elit nibh sed ac. Sed ac\n convallis, sem lobortis convallis et nisi sapien in ex sem ullamcorper iaculis, aliquet sem lobortis\n pellentesque sit amet. Congue nulla congue, porttitor quis orci quam elit rutrum scelerisque nibh maximus, felis\n a integer maximus praesent. Metus varius, at sem dui vivamus elementum luctus nisl sit amet dolor sit amet,\n mauris et iaculis nec fermentum. Augue sapien, nisl vel purus nullam odio morbi a fusce vitae mattis vitae,\n posuere tristique bibendum aliquam. In donec dolor ut, imperdiet quam fermentum molestie vulputate scelerisque\n ac nec, tortor mi orci sollicitudin elementum.\n </p>\n <Collapse id=\"collapse-helper-class-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} aria-expanded={isOpen}>\n <span className=\"accessibility-open\">Show less</span>\n <span className=\"accessibility-closed\">Show more</span>\n </Button>\n <a href=\"#\" role=\"button\" onClick={toggleHandler} aria-expanded={isOpen}>\n <span className=\"accessibility-open\">Show less</span>\n <span className=\"accessibility-closed\">Show more</span>\n </a>\n </>\n );\n};\n\nexport default CollapseHelperClass;\n"],"names":["CollapseHelperClass","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Collapse","Button"],"mappings":"mPAKMA,EAAsB,IAAM,CAChC,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAK,EAEnD,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,KAAE,SAAA,urBAAA,CAQH,EACAA,EAAAA,IAACC,EAAAA,QAAA,CAAS,GAAG,2BAA2B,OAAAN,EAAgB,SAAA,2rBAQxD,EACAG,EAAAA,KAACI,EAAAA,QAAA,CAAO,QAASN,EAAe,gBAAeD,EAC7C,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAqB,SAAA,YAAS,EAC9CA,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,WAAA,CAAS,CAAA,EAClD,EACAF,EAAAA,KAAC,KAAE,KAAK,IAAI,KAAK,SAAS,QAASF,EAAe,gBAAeD,EAC/D,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAqB,SAAA,YAAS,EAC9CA,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,WAAA,CAAS,CAAA,CAAA,CAClD,CAAA,EACF,CAEJ"}

package/dist/components/Collapse/demo/CollapseHelperClass.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
+import t from "../../Button/Button.js";
+import n from "../Collapse.js";
+import { useCollapse as u } from "../useCollapse.js";
+const d = () => {
+  const { isOpen: i, toggleHandler: a } = u(!1);
+  return /* @__PURE__ */ s(l, { children: [
+    /* @__PURE__ */ e("p", { children: "Ante rhoncus, tristique nunc et elit id in ex sem consectetur id, consectetur et elit nibh sed ac. Sed ac convallis, sem lobortis convallis et nisi sapien in ex sem ullamcorper iaculis, aliquet sem lobortis pellentesque sit amet. Congue nulla congue, porttitor quis orci quam elit rutrum scelerisque nibh maximus, felis a integer maximus praesent. Metus varius, at sem dui vivamus elementum luctus nisl sit amet dolor sit amet, mauris et iaculis nec fermentum. Augue sapien, nisl vel purus nullam odio morbi a fusce vitae mattis vitae, posuere tristique bibendum aliquam. In donec dolor ut, imperdiet quam fermentum molestie vulputate scelerisque ac nec, tortor mi orci sollicitudin elementum." }),
+    /* @__PURE__ */ e(n, { id: "collapse-helper-class-id", isOpen: i, 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__ */ s(t, { onClick: a, "aria-expanded": i, children: [
+      /* @__PURE__ */ e("span", { className: "accessibility-open", children: "Show less" }),
+      /* @__PURE__ */ e("span", { className: "accessibility-closed", children: "Show more" })
+    ] }),
+    /* @__PURE__ */ s("a", { href: "#", role: "button", onClick: a, "aria-expanded": i, children: [
+      /* @__PURE__ */ e("span", { className: "accessibility-open", children: "Show less" }),
+      /* @__PURE__ */ e("span", { className: "accessibility-closed", children: "Show more" })
+    ] })
+  ] });
+};
+export {
+  d as default
+};
+//# sourceMappingURL=CollapseHelperClass.js.map

package/dist/components/Collapse/demo/CollapseHelperClass.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CollapseHelperClass.js","sources":["../../../../src/components/Collapse/demo/CollapseHelperClass.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport Collapse from '../Collapse';\nimport { useCollapse } from '../useCollapse';\n\nconst CollapseHelperClass = () => {\n const { isOpen, toggleHandler } = useCollapse(false);\n\n return (\n <>\n <p>\n Ante rhoncus, tristique nunc et elit id in ex sem consectetur id, consectetur et elit nibh sed ac. Sed ac\n convallis, sem lobortis convallis et nisi sapien in ex sem ullamcorper iaculis, aliquet sem lobortis\n pellentesque sit amet. Congue nulla congue, porttitor quis orci quam elit rutrum scelerisque nibh maximus, felis\n a integer maximus praesent. Metus varius, at sem dui vivamus elementum luctus nisl sit amet dolor sit amet,\n mauris et iaculis nec fermentum. Augue sapien, nisl vel purus nullam odio morbi a fusce vitae mattis vitae,\n posuere tristique bibendum aliquam. In donec dolor ut, imperdiet quam fermentum molestie vulputate scelerisque\n ac nec, tortor mi orci sollicitudin elementum.\n </p>\n <Collapse id=\"collapse-helper-class-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} aria-expanded={isOpen}>\n <span className=\"accessibility-open\">Show less</span>\n <span className=\"accessibility-closed\">Show more</span>\n </Button>\n <a href=\"#\" role=\"button\" onClick={toggleHandler} aria-expanded={isOpen}>\n <span className=\"accessibility-open\">Show less</span>\n <span className=\"accessibility-closed\">Show more</span>\n </a>\n </>\n );\n};\n\nexport default CollapseHelperClass;\n"],"names":["CollapseHelperClass","isOpen","toggleHandler","useCollapse","jsxs","Fragment","jsx","Collapse","Button"],"mappings":";;;;AAKA,MAAMA,IAAsB,MAAM;AAChC,QAAM,EAAE,QAAAC,GAAQ,eAAAC,MAAkBC,EAAY,EAAK;AAEnD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAE,UAAA,wrBAAA,CAQH;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAS,IAAG,4BAA2B,QAAAN,GAAgB,UAAA,4rBAQxD;AAAA,IACA,gBAAAG,EAACI,GAAA,EAAO,SAASN,GAAe,iBAAeD,GAC7C,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,sBAAqB,UAAA,aAAS;AAAA,MAC9C,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA,YAAA,CAAS;AAAA,IAAA,GAClD;AAAA,IACA,gBAAAF,EAAC,OAAE,MAAK,KAAI,MAAK,UAAS,SAASF,GAAe,iBAAeD,GAC/D,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,sBAAqB,UAAA,aAAS;AAAA,MAC9C,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA,YAAA,CAAS;AAAA,IAAA,EAAA,CAClD;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Collapse/demo/CollapseHideTrigger.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("../../Link/Link.cjs"),l=require("../Collapse.cjs"),t=require("../useCollapse.cjs"),r=()=>{const{isOpen:e,toggleHandler:u}=t.useCollapse(!1);return i.jsxs("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?" ":i.jsx(s.default,{elementType:"button",type:"button",onClick:u,"aria-expanded":e,children:"… more"}),i.jsx(l.default,{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."})]})};exports.default=r;
2	+ //# sourceMappingURL=CollapseHideTrigger.cjs.map

package/dist/components/Collapse/demo/CollapseHideTrigger.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CollapseHideTrigger.cjs","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":"+OAKMA,EAAsB,IAAM,CAChC,KAAM,CAAE,OAAAC,EAAQ,cAAAC,GAAkBC,EAAAA,YAAY,EAAK,EAEnD,cACG,IAAA,CAAE,SAAA,CAAA,6qBAOS,IACRF,EAKA,IAJAG,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAY,SAAS,KAAK,SAAS,QAASH,EAAe,gBAAeD,EAAQ,kBAExF,QAIDK,EAAAA,QAAA,CAAS,GAAG,2BAA2B,YAAY,OAAO,OAAAL,EAAgB,SAAA,8oBAAA,CAO3E,CAAA,EACF,CAEJ"}

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=CollapseMultipleTriggers.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=CollapseOpenOnInit.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=CollapseVisibilityBreakpointDesktop.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=CollapseVisibilityBreakpointTablet.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=preview.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 ADDED Viewed

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

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

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

package/dist/components/Collapse/useCollapseStyleProps.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 // 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 // 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 CHANGED Viewed

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

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

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=ContainerAlignment.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=ContainerBlockFormattingContext.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=ContainerDefault.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=ContainerFluid.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=ContainerSizes.cjs.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=preview.cjs.map

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

@@ -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"}