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

package/dist/components/Alert/demo/AlertColors.js

@@ -0,0 +1,13 @@
+import { jsxs as o, Fragment as t, jsx as r } from "react/jsx-runtime";
+import e from "../Alert.js";
+import { AlertSuccessContent as n, AlertInfoContent as l, AlertWarningContent as c, AlertDangerContent as i } from "./AlertContents.js";
+const d = () => /* @__PURE__ */ o(t, { children: [
+  /* @__PURE__ */ r(e, { color: "success", children: /* @__PURE__ */ r(n, {}) }),
+  /* @__PURE__ */ r(e, { color: "informative", children: /* @__PURE__ */ r(l, {}) }),
+  /* @__PURE__ */ r(e, { color: "warning", children: /* @__PURE__ */ r(c, {}) }),
+  /* @__PURE__ */ r(e, { color: "danger", children: /* @__PURE__ */ r(i, {}) })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=AlertColors.js.map

package/dist/components/Alert/demo/AlertColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertColors.js","sources":["../../../../src/components/Alert/demo/AlertColors.tsx"],"sourcesContent":["import React from 'react';\nimport Alert from '../Alert';\nimport { AlertDangerContent, AlertInfoContent, AlertSuccessContent, AlertWarningContent } from './AlertContents';\n\nconst AlertColors = () => (\n  <>\n    <Alert color=\"success\">\n      <AlertSuccessContent />\n    </Alert>\n\n    <Alert color=\"informative\">\n      <AlertInfoContent />\n    </Alert>\n\n    <Alert color=\"warning\">\n      <AlertWarningContent />\n    </Alert>\n\n    <Alert color=\"danger\">\n      <AlertDangerContent />\n    </Alert>\n  </>\n);\n\nexport default AlertColors;\n"],"names":["AlertColors","jsxs","Fragment","jsx","Alert","AlertSuccessContent","AlertInfoContent","AlertWarningContent","AlertDangerContent"],"mappings":";;;AAIA,MAAMA,IAAc,MAClB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,WACX,UAAA,gBAAAD,EAACE,KAAoB,GACvB;AAAA,oBAECD,GAAA,EAAM,OAAM,eACX,UAAA,gBAAAD,EAACG,KAAiB,GACpB;AAAA,oBAECF,GAAA,EAAM,OAAM,WACX,UAAA,gBAAAD,EAACI,KAAoB,GACvB;AAAA,oBAECH,GAAA,EAAM,OAAM,UACX,UAAA,gBAAAD,EAACK,KAAmB,EAAA,CACtB;AAAA,EAAA,CACF;"}

package/dist/components/Alert/demo/AlertContents.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../Link/Link.cjs"),t=()=>e.jsxs(e.Fragment,{children:["We sent you an activation link to email ",e.jsx("strong",{children:"spirit@lmc.eu"}),". E-mail hasn't arrived?"," ",e.jsx(n.default,{elementType:"button",color:"inherit",underlined:"always",type:"button",children:"Send another one"})]}),i=()=>e.jsxs(e.Fragment,{children:["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam at excepturi laudantium magnam mollitia perferendis reprehenderit, voluptate. Cum delectus dicta ducimus eligendi excepturi natus perferendis provident unde. Eveniet, iste, molestiae? See"," ",e.jsx(n.default,{href:"./",color:"inherit",underlined:"always",children:"FAQ"})," ","for more info."]}),r=()=>e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"Warning!"})," Data update failed due to missing internet connection."," ",e.jsx(n.default,{elementType:"button",color:"inherit",underlined:"always",type:"button",children:"Try again"})]}),o=()=>e.jsxs(e.Fragment,{children:["Data update failed due to missing internet connection. See"," ",e.jsx(n.default,{href:"./",color:"inherit",underlined:"always",children:"FAQ"})," ","for more info."]});exports.AlertDangerContent=o;exports.AlertInfoContent=i;exports.AlertSuccessContent=t;exports.AlertWarningContent=r;
+//# sourceMappingURL=AlertContents.cjs.map

package/dist/components/Alert/demo/AlertContents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContents.cjs","sources":["../../../../src/components/Alert/demo/AlertContents.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from '../../Link';\n\nconst AlertSuccessContent = () => (\n  <>\n    We sent you an activation link to email <strong>spirit@lmc.eu</strong>. E-mail hasn&apos;t arrived?{' '}\n    <Link elementType=\"button\" color=\"inherit\" underlined=\"always\" type=\"button\">\n      Send another one\n    </Link>\n  </>\n);\n\nconst AlertInfoContent = () => (\n  <>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam at excepturi laudantium magnam mollitia\n    perferendis reprehenderit, voluptate. Cum delectus dicta ducimus eligendi excepturi natus perferendis provident\n    unde. Eveniet, iste, molestiae? See{' '}\n    <Link href=\"./\" color=\"inherit\" underlined=\"always\">\n      FAQ\n    </Link>{' '}\n    for more info.\n  </>\n);\n\nconst AlertWarningContent = () => (\n  <>\n    <strong>Warning!</strong> Data update failed due to missing internet connection.{' '}\n    <Link elementType=\"button\" color=\"inherit\" underlined=\"always\" type=\"button\">\n      Try again\n    </Link>\n  </>\n);\n\nconst AlertDangerContent = () => (\n  <>\n    Data update failed due to missing internet connection. See{' '}\n    <Link href=\"./\" color=\"inherit\" underlined=\"always\">\n      FAQ\n    </Link>{' '}\n    for more info.\n  </>\n);\n\nexport { AlertInfoContent, AlertSuccessContent, AlertWarningContent, AlertDangerContent };\n"],"names":["AlertSuccessContent","jsxs","Fragment","jsx","Link","AlertInfoContent","AlertWarningContent","AlertDangerContent"],"mappings":"sJAGMA,EAAsB,IAC1BC,EAAAA,KAAAC,EAAAA,SAAA,CAAE,SAAA,CAAA,2CACwCC,EAAAA,IAAC,UAAO,SAAA,eAAA,CAAa,EAAS,2BAA8B,IACpGA,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAY,SAAS,MAAM,UAAU,WAAW,SAAS,KAAK,SAAS,SAAA,kBAAA,CAE7E,CAAA,CAAA,CACF,EAGIC,EAAmB,IACvBJ,EAAAA,KAAAC,EAAAA,SAAA,CAAE,SAAA,CAAA,gQAGoC,IACpCC,EAAAA,IAACC,EAAAA,SAAK,KAAK,KAAK,MAAM,UAAU,WAAW,SAAS,SAAA,KAAA,CAEpD,EAAQ,IAAI,gBAAA,CAAA,CAEd,EAGIE,EAAsB,IAC1BL,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,UAAO,SAAA,UAAA,CAAQ,EAAS,0DAAwD,IACjFA,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAY,SAAS,MAAM,UAAU,WAAW,SAAS,KAAK,SAAS,SAAA,WAAA,CAE7E,CAAA,CAAA,CACF,EAGIG,EAAqB,IACzBN,EAAAA,KAAAC,EAAAA,SAAA,CAAE,SAAA,CAAA,6DAC2D,IAC3DC,EAAAA,IAACC,EAAAA,SAAK,KAAK,KAAK,MAAM,UAAU,WAAW,SAAS,SAAA,KAAA,CAEpD,EAAQ,IAAI,gBAAA,CAAA,CAEd"}

package/dist/components/Alert/demo/AlertContents.js

@@ -0,0 +1,33 @@
+import { jsxs as n, Fragment as t, jsx as e } from "react/jsx-runtime";
+import i from "../../Link/Link.js";
+const l = () => /* @__PURE__ */ n(t, { children: [
+  "We sent you an activation link to email ",
+  /* @__PURE__ */ e("strong", { children: "spirit@lmc.eu" }),
+  ". E-mail hasn't arrived?",
+  " ",
+  /* @__PURE__ */ e(i, { elementType: "button", color: "inherit", underlined: "always", type: "button", children: "Send another one" })
+] }), a = () => /* @__PURE__ */ n(t, { children: [
+  "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam at excepturi laudantium magnam mollitia perferendis reprehenderit, voluptate. Cum delectus dicta ducimus eligendi excepturi natus perferendis provident unde. Eveniet, iste, molestiae? See",
+  " ",
+  /* @__PURE__ */ e(i, { href: "./", color: "inherit", underlined: "always", children: "FAQ" }),
+  " ",
+  "for more info."
+] }), d = () => /* @__PURE__ */ n(t, { children: [
+  /* @__PURE__ */ e("strong", { children: "Warning!" }),
+  " Data update failed due to missing internet connection.",
+  " ",
+  /* @__PURE__ */ e(i, { elementType: "button", color: "inherit", underlined: "always", type: "button", children: "Try again" })
+] }), c = () => /* @__PURE__ */ n(t, { children: [
+  "Data update failed due to missing internet connection. See",
+  " ",
+  /* @__PURE__ */ e(i, { href: "./", color: "inherit", underlined: "always", children: "FAQ" }),
+  " ",
+  "for more info."
+] });
+export {
+  c as AlertDangerContent,
+  a as AlertInfoContent,
+  l as AlertSuccessContent,
+  d as AlertWarningContent
+};
+//# sourceMappingURL=AlertContents.js.map

package/dist/components/Alert/demo/AlertContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContents.js","sources":["../../../../src/components/Alert/demo/AlertContents.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from '../../Link';\n\nconst AlertSuccessContent = () => (\n  <>\n    We sent you an activation link to email <strong>spirit@lmc.eu</strong>. E-mail hasn&apos;t arrived?{' '}\n    <Link elementType=\"button\" color=\"inherit\" underlined=\"always\" type=\"button\">\n      Send another one\n    </Link>\n  </>\n);\n\nconst AlertInfoContent = () => (\n  <>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam at excepturi laudantium magnam mollitia\n    perferendis reprehenderit, voluptate. Cum delectus dicta ducimus eligendi excepturi natus perferendis provident\n    unde. Eveniet, iste, molestiae? See{' '}\n    <Link href=\"./\" color=\"inherit\" underlined=\"always\">\n      FAQ\n    </Link>{' '}\n    for more info.\n  </>\n);\n\nconst AlertWarningContent = () => (\n  <>\n    <strong>Warning!</strong> Data update failed due to missing internet connection.{' '}\n    <Link elementType=\"button\" color=\"inherit\" underlined=\"always\" type=\"button\">\n      Try again\n    </Link>\n  </>\n);\n\nconst AlertDangerContent = () => (\n  <>\n    Data update failed due to missing internet connection. See{' '}\n    <Link href=\"./\" color=\"inherit\" underlined=\"always\">\n      FAQ\n    </Link>{' '}\n    for more info.\n  </>\n);\n\nexport { AlertInfoContent, AlertSuccessContent, AlertWarningContent, AlertDangerContent };\n"],"names":["AlertSuccessContent","jsxs","Fragment","jsx","Link","AlertInfoContent","AlertWarningContent","AlertDangerContent"],"mappings":";;AAGA,MAAMA,IAAsB,MAC1B,gBAAAC,EAAAC,GAAA,EAAE,UAAA;AAAA,EAAA;AAAA,EACwC,gBAAAC,EAAC,YAAO,UAAA,gBAAA,CAAa;AAAA,EAAS;AAAA,EAA8B;AAAA,EACpG,gBAAAA,EAACC,GAAA,EAAK,aAAY,UAAS,OAAM,WAAU,YAAW,UAAS,MAAK,UAAS,UAAA,mBAAA,CAE7E;AAAA,EAAA,CACF,GAGIC,IAAmB,MACvB,gBAAAJ,EAAAC,GAAA,EAAE,UAAA;AAAA,EAAA;AAAA,EAGoC;AAAA,EACpC,gBAAAC,EAACC,KAAK,MAAK,MAAK,OAAM,WAAU,YAAW,UAAS,UAAA,MAAA,CAEpD;AAAA,EAAQ;AAAA,EAAI;AAAA,EAAA,CAEd,GAGIE,IAAsB,MAC1B,gBAAAL,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAAC,YAAO,UAAA,WAAA,CAAQ;AAAA,EAAS;AAAA,EAAwD;AAAA,EACjF,gBAAAA,EAACC,GAAA,EAAK,aAAY,UAAS,OAAM,WAAU,YAAW,UAAS,MAAK,UAAS,UAAA,YAAA,CAE7E;AAAA,EAAA,CACF,GAGIG,IAAqB,MACzB,gBAAAN,EAAAC,GAAA,EAAE,UAAA;AAAA,EAAA;AAAA,EAC2D;AAAA,EAC3D,gBAAAC,EAACC,KAAK,MAAK,MAAK,OAAM,WAAU,YAAW,UAAS,UAAA,MAAA,CAEpD;AAAA,EAAQ;AAAA,EAAI;AAAA,EAAA,CAEd;"}

package/dist/components/Alert/demo/AlertIcons.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../Alert.cjs"),t=require("./AlertContents.cjs"),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(n.default,{color:"success",iconName:"profile",children:e.jsx(t.AlertSuccessContent,{})}),e.jsx(n.default,{color:"informative",iconName:"info",children:e.jsx(t.AlertInfoContent,{})}),e.jsx(n.default,{color:"warning",iconName:"warning",children:e.jsx(t.AlertWarningContent,{})}),e.jsx(n.default,{color:"danger",iconName:"close",children:e.jsx(t.AlertDangerContent,{})})]});exports.default=r;
+//# sourceMappingURL=AlertIcons.cjs.map

package/dist/components/Alert/demo/AlertIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertIcons.cjs","sources":["../../../../src/components/Alert/demo/AlertIcons.tsx"],"sourcesContent":["import React from 'react';\nimport Alert from '../Alert';\nimport { AlertDangerContent, AlertInfoContent, AlertSuccessContent, AlertWarningContent } from './AlertContents';\n\nconst AlertIcons = () => (\n  <>\n    <Alert color=\"success\" iconName=\"profile\">\n      <AlertSuccessContent />\n    </Alert>\n\n    <Alert color=\"informative\" iconName=\"info\">\n      <AlertInfoContent />\n    </Alert>\n\n    <Alert color=\"warning\" iconName=\"warning\">\n      <AlertWarningContent />\n    </Alert>\n\n    <Alert color=\"danger\" iconName=\"close\">\n      <AlertDangerContent />\n    </Alert>\n  </>\n);\n\nexport default AlertIcons;\n"],"names":["AlertIcons","jsxs","Fragment","jsx","Alert","AlertSuccessContent","AlertInfoContent","AlertWarningContent","AlertDangerContent"],"mappings":"4MAIMA,EAAa,IACjBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAM,MAAM,UAAU,SAAS,UAC9B,SAAAD,EAAAA,IAACE,wBAAoB,CAAA,CACvB,EAEAF,EAAAA,IAACC,EAAAA,SAAM,MAAM,cAAc,SAAS,OAClC,SAAAD,EAAAA,IAACG,qBAAiB,CAAA,CACpB,EAEAH,EAAAA,IAACC,EAAAA,SAAM,MAAM,UAAU,SAAS,UAC9B,SAAAD,EAAAA,IAACI,wBAAoB,CAAA,CACvB,EAEAJ,EAAAA,IAACC,EAAAA,SAAM,MAAM,SAAS,SAAS,QAC7B,SAAAD,EAAAA,IAACK,EAAAA,qBAAmB,CAAA,CACtB,CAAA,CAAA,CACF"}

package/dist/components/Alert/demo/AlertIcons.js

@@ -0,0 +1,13 @@
+import { jsxs as e, Fragment as o, jsx as n } from "react/jsx-runtime";
+import r from "../Alert.js";
+import { AlertSuccessContent as t, AlertInfoContent as c, AlertWarningContent as i, AlertDangerContent as l } from "./AlertContents.js";
+const f = () => /* @__PURE__ */ e(o, { children: [
+  /* @__PURE__ */ n(r, { color: "success", iconName: "profile", children: /* @__PURE__ */ n(t, {}) }),
+  /* @__PURE__ */ n(r, { color: "informative", iconName: "info", children: /* @__PURE__ */ n(c, {}) }),
+  /* @__PURE__ */ n(r, { color: "warning", iconName: "warning", children: /* @__PURE__ */ n(i, {}) }),
+  /* @__PURE__ */ n(r, { color: "danger", iconName: "close", children: /* @__PURE__ */ n(l, {}) })
+] });
+export {
+  f as default
+};
+//# sourceMappingURL=AlertIcons.js.map

package/dist/components/Alert/demo/AlertIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertIcons.js","sources":["../../../../src/components/Alert/demo/AlertIcons.tsx"],"sourcesContent":["import React from 'react';\nimport Alert from '../Alert';\nimport { AlertDangerContent, AlertInfoContent, AlertSuccessContent, AlertWarningContent } from './AlertContents';\n\nconst AlertIcons = () => (\n  <>\n    <Alert color=\"success\" iconName=\"profile\">\n      <AlertSuccessContent />\n    </Alert>\n\n    <Alert color=\"informative\" iconName=\"info\">\n      <AlertInfoContent />\n    </Alert>\n\n    <Alert color=\"warning\" iconName=\"warning\">\n      <AlertWarningContent />\n    </Alert>\n\n    <Alert color=\"danger\" iconName=\"close\">\n      <AlertDangerContent />\n    </Alert>\n  </>\n);\n\nexport default AlertIcons;\n"],"names":["AlertIcons","jsxs","Fragment","jsx","Alert","AlertSuccessContent","AlertInfoContent","AlertWarningContent","AlertDangerContent"],"mappings":";;;AAIA,MAAMA,IAAa,MACjB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,OAAM,WAAU,UAAS,WAC9B,UAAA,gBAAAD,EAACE,KAAoB,EAAA,CACvB;AAAA,EAEA,gBAAAF,EAACC,KAAM,OAAM,eAAc,UAAS,QAClC,UAAA,gBAAAD,EAACG,KAAiB,EAAA,CACpB;AAAA,EAEA,gBAAAH,EAACC,KAAM,OAAM,WAAU,UAAS,WAC9B,UAAA,gBAAAD,EAACI,KAAoB,EAAA,CACvB;AAAA,EAEA,gBAAAJ,EAACC,KAAM,OAAM,UAAS,UAAS,SAC7B,UAAA,gBAAAD,EAACK,KAAmB,EAAA,CACtB;AAAA,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@alma-oss/spirit-icons/icons"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),c=require("../../../context/IconsContext.cjs"),n=require("./AlertCentered.cjs"),i=require("./AlertColors.cjs"),l=require("./AlertIcons.cjs"),o=()=>e.jsx(s.StrictMode,{children:e.jsxs(c.IconsProvider,{value:r,children:[e.jsx(t.default,{title:"Alert Colors",stackAlignment:"stretch",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Alert Centered",stackAlignment:"stretch",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Alert Icons",stackAlignment:"stretch",children:e.jsx(l.default,{})})]})});exports.Preview=o;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Alert/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 AlertCentered from './AlertCentered';\nimport AlertColors from './AlertColors';\nimport AlertIcons from './AlertIcons';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Alert Colors\" stackAlignment=\"stretch\">\n        <AlertColors />\n      </DocsSection>\n      <DocsSection title=\"Alert Centered\" stackAlignment=\"stretch\">\n        <AlertCentered />\n      </DocsSection>\n      <DocsSection title=\"Alert Icons\" stackAlignment=\"stretch\">\n        <AlertIcons />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","AlertColors","AlertCentered","AlertIcons"],"mappings":"iYAWaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,SAAY,MAAM,eAAe,eAAe,UAC/C,SAAAL,EAAAA,IAACM,YAAY,CAAA,CACf,EACAN,EAAAA,IAACK,EAAAA,SAAY,MAAM,iBAAiB,eAAe,UACjD,SAAAL,EAAAA,IAACO,YAAc,CAAA,CACjB,EACAP,EAAAA,IAACK,EAAAA,SAAY,MAAM,cAAc,eAAe,UAC9C,SAAAL,EAAAA,IAACQ,EAAAA,UAAW,CAAA,CACd,CAAA,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import o from "@alma-oss/spirit-icons/icons";
+import { StrictMode as i } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as c } from "../../../context/IconsContext.js";
+import l from "./AlertCentered.js";
+import n from "./AlertColors.js";
+import s from "./AlertIcons.js";
+const g = () => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ e(c, { value: o, children: [
+  /* @__PURE__ */ t(r, { title: "Alert Colors", stackAlignment: "stretch", children: /* @__PURE__ */ t(n, {}) }),
+  /* @__PURE__ */ t(r, { title: "Alert Centered", stackAlignment: "stretch", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(r, { title: "Alert Icons", stackAlignment: "stretch", children: /* @__PURE__ */ t(s, {}) })
+] }) });
+export {
+  g as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Alert/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 AlertCentered from './AlertCentered';\nimport AlertColors from './AlertColors';\nimport AlertIcons from './AlertIcons';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Alert Colors\" stackAlignment=\"stretch\">\n        <AlertColors />\n      </DocsSection>\n      <DocsSection title=\"Alert Centered\" stackAlignment=\"stretch\">\n        <AlertCentered />\n      </DocsSection>\n      <DocsSection title=\"Alert Icons\" stackAlignment=\"stretch\">\n        <AlertIcons />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","AlertColors","AlertCentered","AlertIcons"],"mappings":";;;;;;;;;AAWO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,KAAY,OAAM,gBAAe,gBAAe,WAC/C,UAAA,gBAAAL,EAACM,KAAY,EAAA,CACf;AAAA,EACA,gBAAAN,EAACK,KAAY,OAAM,kBAAiB,gBAAe,WACjD,UAAA,gBAAAL,EAACO,KAAc,EAAA,CACjB;AAAA,EACA,gBAAAP,EAACK,KAAY,OAAM,eAAc,gBAAe,WAC9C,UAAA,gBAAAL,EAACQ,KAAW,EAAA,CACd;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Alert/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/Alert/preview/index.cjs.map

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

package/dist/components/Alert/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/Alert/preview/index.js.map

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

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

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

package/dist/components/Alert.d.ts

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

package/dist/components/Avatar/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/dictionaries.cjs"),i=[{size:e.SizesExtended.XSMALL},{size:e.SizesExtended.SMALL},{size:e.SizesExtended.MEDIUM},{size:e.SizesExtended.LARGE},{size:e.SizesExtended.XLARGE}];exports.DEMO_SIZES=i;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/Avatar/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Avatar/constants.ts"],"sourcesContent":["import { SizesExtended } from '../../constants';\n\nexport const DEMO_SIZES = [\n  {\n    size: SizesExtended.XSMALL,\n  },\n  {\n    size: SizesExtended.SMALL,\n  },\n  {\n    size: SizesExtended.MEDIUM,\n  },\n  {\n    size: SizesExtended.LARGE,\n  },\n  {\n    size: SizesExtended.XLARGE,\n  },\n];\n"],"names":["DEMO_SIZES","SizesExtended"],"mappings":"oIAEaA,EAAa,CACxB,CACE,KAAMC,EAAAA,cAAc,MAAA,EAEtB,CACE,KAAMA,EAAAA,cAAc,KAAA,EAEtB,CACE,KAAMA,EAAAA,cAAc,MAAA,EAEtB,CACE,KAAMA,EAAAA,cAAc,KAAA,EAEtB,CACE,KAAMA,EAAAA,cAAc,MAAA,CAExB"}

package/dist/components/Avatar/constants.js

@@ -0,0 +1,22 @@
+import { SizesExtended as e } from "../../constants/dictionaries.js";
+const i = [
+  {
+    size: e.XSMALL
+  },
+  {
+    size: e.SMALL
+  },
+  {
+    size: e.MEDIUM
+  },
+  {
+    size: e.LARGE
+  },
+  {
+    size: e.XLARGE
+  }
+];
+export {
+  i as DEMO_SIZES
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Avatar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Avatar/constants.ts"],"sourcesContent":["import { SizesExtended } from '../../constants';\n\nexport const DEMO_SIZES = [\n  {\n    size: SizesExtended.XSMALL,\n  },\n  {\n    size: SizesExtended.SMALL,\n  },\n  {\n    size: SizesExtended.MEDIUM,\n  },\n  {\n    size: SizesExtended.LARGE,\n  },\n  {\n    size: SizesExtended.XLARGE,\n  },\n];\n"],"names":["DEMO_SIZES","SizesExtended"],"mappings":";AAEO,MAAMA,IAAa;AAAA,EACxB;AAAA,IACE,MAAMC,EAAc;AAAA,EAAA;AAAA,EAEtB;AAAA,IACE,MAAMA,EAAc;AAAA,EAAA;AAAA,EAEtB;AAAA,IACE,MAAMA,EAAc;AAAA,EAAA;AAAA,EAEtB;AAAA,IACE,MAAMA,EAAc;AAAA,EAAA;AAAA,EAEtB;AAAA,IACE,MAAMA,EAAc;AAAA,EAAA;AAExB;"}

package/dist/components/Avatar/demo/AvatarIcon.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("../../Icon/Icon.cjs"),t=require("../Avatar.cjs"),l=require("../constants.cjs"),s=()=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:l.DEMO_SIZES.map(({size:a})=>e.jsx(t.default,{elementType:"a",href:"#",size:a,"aria-label":"Profile of Jiří Bárta",children:e.jsx(r.default,{name:"profile"})},a))}),e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:l.DEMO_SIZES.map(({size:a})=>e.jsx(t.default,{isSquare:!0,elementType:"a",href:"#",size:a,"aria-label":"Profile of Jiří Bárta",children:e.jsx(r.default,{name:"profile"})},a))})]});exports.default=s;
+//# sourceMappingURL=AvatarIcon.cjs.map

package/dist/components/Avatar/demo/AvatarIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.cjs","sources":["../../../../src/components/Avatar/demo/AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../../Icon';\nimport Avatar from '../Avatar';\nimport { DEMO_SIZES } from '../constants';\n\nconst AvatarIcon = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <Icon name=\"profile\" />\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} isSquare elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <Icon name=\"profile\" />\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarIcon;\n"],"names":["AvatarIcon","jsxs","Fragment","jsx","DEMO_SIZES","size","Avatar","Icon"],"mappings":"2OAKMA,EAAa,IACjBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,SAAAC,EAAAA,WAAW,IAAI,CAAC,CAAE,KAAAC,KACjBF,EAAAA,IAACG,EAAAA,QAAA,CAAkB,YAAY,IAAI,KAAK,IAAI,KAAAD,EAAY,aAAW,wBACjE,SAAAF,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,SAAA,CAAU,CAAA,EADVF,CAEb,CACD,EACH,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,SAAAC,EAAAA,WAAW,IAAI,CAAC,CAAE,KAAAC,KACjBF,EAAAA,IAACG,EAAAA,QAAA,CAAkB,SAAQ,GAAC,YAAY,IAAI,KAAK,IAAI,KAAAD,EAAY,aAAW,wBAC1E,SAAAF,EAAAA,IAACI,EAAAA,SAAK,KAAK,SAAA,CAAU,CAAA,EADVF,CAEb,CACD,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Avatar/demo/AvatarIcon.js

@@ -0,0 +1,12 @@
+import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
+import a from "../../Icon/Icon.js";
+import i from "../Avatar.js";
+import { DEMO_SIZES as l } from "../constants.js";
+const c = () => /* @__PURE__ */ t(o, { children: [
+  /* @__PURE__ */ e("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: l.map(({ size: r }) => /* @__PURE__ */ e(i, { elementType: "a", href: "#", size: r, "aria-label": "Profile of Jiří Bárta", children: /* @__PURE__ */ e(a, { name: "profile" }) }, r)) }),
+  /* @__PURE__ */ e("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: l.map(({ size: r }) => /* @__PURE__ */ e(i, { isSquare: !0, elementType: "a", href: "#", size: r, "aria-label": "Profile of Jiří Bárta", children: /* @__PURE__ */ e(a, { name: "profile" }) }, r)) })
+] });
+export {
+  c as default
+};
+//# sourceMappingURL=AvatarIcon.js.map

package/dist/components/Avatar/demo/AvatarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.js","sources":["../../../../src/components/Avatar/demo/AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../../Icon';\nimport Avatar from '../Avatar';\nimport { DEMO_SIZES } from '../constants';\n\nconst AvatarIcon = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <Icon name=\"profile\" />\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} isSquare elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <Icon name=\"profile\" />\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarIcon;\n"],"names":["AvatarIcon","jsxs","Fragment","jsx","DEMO_SIZES","size","Avatar","Icon"],"mappings":";;;;AAKA,MAAMA,IAAa,MACjB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,UAAAC,EAAW,IAAI,CAAC,EAAE,MAAAC,QACjB,gBAAAF,EAACG,GAAA,EAAkB,aAAY,KAAI,MAAK,KAAI,MAAAD,GAAY,cAAW,yBACjE,UAAA,gBAAAF,EAACI,GAAA,EAAK,MAAK,UAAA,CAAU,EAAA,GADVF,CAEb,CACD,GACH;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,UAAAC,EAAW,IAAI,CAAC,EAAE,MAAAC,QACjB,gBAAAF,EAACG,GAAA,EAAkB,UAAQ,IAAC,aAAY,KAAI,MAAK,KAAI,MAAAD,GAAY,cAAW,yBAC1E,UAAA,gBAAAF,EAACI,KAAK,MAAK,UAAA,CAAU,EAAA,GADVF,CAEb,CACD,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/Avatar/demo/AvatarImage.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("../Avatar.cjs"),r=require("../constants.cjs"),s=()=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:r.DEMO_SIZES.map(({size:a})=>e.jsx(t.default,{elementType:"a",href:"#",size:a,"aria-label":"Profile of Jiří Bárta",children:e.jsx("img",{src:"https://picsum.photos/id/823/162/162",alt:"Jiří Bárta","aria-hidden":"true"})},a))}),e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:r.DEMO_SIZES.map(({size:a})=>e.jsx(t.default,{isSquare:!0,elementType:"a",href:"#",size:a,"aria-label":"Profile of Jiří Bárta",children:e.jsx("img",{src:"https://picsum.photos/id/823/162/162",alt:"Jiří Bárta","aria-hidden":"true"})},a))})]});exports.default=s;
+//# sourceMappingURL=AvatarImage.cjs.map

package/dist/components/Avatar/demo/AvatarImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarImage.cjs","sources":["../../../../src/components/Avatar/demo/AvatarImage.tsx"],"sourcesContent":["import React from 'react';\nimport Avatar from '../Avatar';\nimport { DEMO_SIZES } from '../constants';\n\nconst AvatarImage = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <img src=\"https://picsum.photos/id/823/162/162\" alt=\"Jiří Bárta\" aria-hidden=\"true\" />\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} isSquare elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <img src=\"https://picsum.photos/id/823/162/162\" alt=\"Jiří Bárta\" aria-hidden=\"true\" />\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarImage;\n"],"names":["AvatarImage","jsxs","Fragment","jsx","DEMO_SIZES","size","Avatar"],"mappings":"0MAIMA,EAAc,IAClBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,SAAAC,EAAAA,WAAW,IAAI,CAAC,CAAE,KAAAC,CAAA,UAChBC,EAAAA,QAAA,CAAkB,YAAY,IAAI,KAAK,IAAI,KAAAD,EAAY,aAAW,wBACjE,eAAC,MAAA,CAAI,IAAI,uCAAuC,IAAI,aAAa,cAAY,MAAA,CAAO,GADzEA,CAEb,CACD,EACH,QACC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,2BACnC,SAAAD,EAAAA,WAAW,IAAI,CAAC,CAAE,KAAAC,CAAA,UAChBC,UAAA,CAAkB,SAAQ,GAAC,YAAY,IAAI,KAAK,IAAI,KAAAD,EAAY,aAAW,wBAC1E,SAAAF,EAAAA,IAAC,MAAA,CAAI,IAAI,uCAAuC,IAAI,aAAa,cAAY,OAAO,CAAA,EADzEE,CAEb,CACD,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Avatar/demo/AvatarImage.js

@@ -0,0 +1,11 @@
+import { jsxs as t, Fragment as s, jsx as a } from "react/jsx-runtime";
+import e from "../Avatar.js";
+import { DEMO_SIZES as i } from "../constants.js";
+const d = () => /* @__PURE__ */ t(s, { children: [
+  /* @__PURE__ */ a("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: i.map(({ size: r }) => /* @__PURE__ */ a(e, { elementType: "a", href: "#", size: r, "aria-label": "Profile of Jiří Bárta", children: /* @__PURE__ */ a("img", { src: "https://picsum.photos/id/823/162/162", alt: "Jiří Bárta", "aria-hidden": "true" }) }, r)) }),
+  /* @__PURE__ */ a("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: i.map(({ size: r }) => /* @__PURE__ */ a(e, { isSquare: !0, elementType: "a", href: "#", size: r, "aria-label": "Profile of Jiří Bárta", children: /* @__PURE__ */ a("img", { src: "https://picsum.photos/id/823/162/162", alt: "Jiří Bárta", "aria-hidden": "true" }) }, r)) })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=AvatarImage.js.map

package/dist/components/Avatar/demo/AvatarImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarImage.js","sources":["../../../../src/components/Avatar/demo/AvatarImage.tsx"],"sourcesContent":["import React from 'react';\nimport Avatar from '../Avatar';\nimport { DEMO_SIZES } from '../constants';\n\nconst AvatarImage = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <img src=\"https://picsum.photos/id/823/162/162\" alt=\"Jiří Bárta\" aria-hidden=\"true\" />\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} isSquare elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <img src=\"https://picsum.photos/id/823/162/162\" alt=\"Jiří Bárta\" aria-hidden=\"true\" />\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarImage;\n"],"names":["AvatarImage","jsxs","Fragment","jsx","DEMO_SIZES","size","Avatar"],"mappings":";;;AAIA,MAAMA,IAAc,MAClB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,UAAAC,EAAW,IAAI,CAAC,EAAE,MAAAC,EAAA,wBAChBC,GAAA,EAAkB,aAAY,KAAI,MAAK,KAAI,MAAAD,GAAY,cAAW,yBACjE,4BAAC,OAAA,EAAI,KAAI,wCAAuC,KAAI,cAAa,eAAY,OAAA,CAAO,KADzEA,CAEb,CACD,GACH;AAAA,oBACC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,6BACnC,UAAAD,EAAW,IAAI,CAAC,EAAE,MAAAC,EAAA,wBAChBC,GAAA,EAAkB,UAAQ,IAAC,aAAY,KAAI,MAAK,KAAI,MAAAD,GAAY,cAAW,yBAC1E,UAAA,gBAAAF,EAAC,OAAA,EAAI,KAAI,wCAAuC,KAAI,cAAa,eAAY,QAAO,EAAA,GADzEE,CAEb,CACD,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/Avatar/demo/AvatarResponsiveSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../Icon/Icon.cjs"),r=require("../Avatar.cjs"),l={mobile:"xsmall",tablet:"medium",desktop:"xlarge"},c="Profile of Jiří Bárta",o="https://picsum.photos/id/823/162/162",n=[{key:"icon",children:e.jsx(d.default,{name:"profile"}),elementType:"a",href:"#"},{key:"text",children:e.jsx("span",{"aria-hidden":"true",children:"JB"}),elementType:"a",href:"#"},{key:"image",children:e.jsx("img",{src:o,alt:"Jiří Bárta","aria-hidden":"true"})}],u=()=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:n.map(({key:a,children:i,elementType:s,href:t})=>e.jsx(r.default,{...s&&{elementType:s,href:t},size:l,"aria-label":c,children:i},a))}),e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:n.map(({key:a,children:i,elementType:s,href:t})=>e.jsx(r.default,{isSquare:!0,...s&&{elementType:s,href:t},size:l,"aria-label":c,children:i},a))})]});exports.default=u;
+//# sourceMappingURL=AvatarResponsiveSizes.cjs.map

package/dist/components/Avatar/demo/AvatarResponsiveSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarResponsiveSizes.cjs","sources":["../../../../src/components/Avatar/demo/AvatarResponsiveSizes.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Icon } from '../../Icon';\nimport Avatar from '../Avatar';\n\nconst RESPONSIVE_SIZE = { mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' } as const;\nconst ARIA_LABEL = 'Profile of Jiří Bárta';\nconst IMAGE_URL = 'https://picsum.photos/id/823/162/162';\n\ntype AvatarConfig = {\n  key: string;\n  children: ReactNode;\n  elementType?: 'a';\n  href?: string;\n};\n\nconst AVATAR_CONFIGS: AvatarConfig[] = [\n  {\n    key: 'icon',\n    children: <Icon name=\"profile\" />,\n    elementType: 'a',\n    href: '#',\n  },\n  {\n    key: 'text',\n    children: <span aria-hidden=\"true\">JB</span>,\n    elementType: 'a',\n    href: '#',\n  },\n  {\n    key: 'image',\n    children: <img src={IMAGE_URL} alt=\"Jiří Bárta\" aria-hidden=\"true\" />,\n  },\n];\n\nconst AvatarResponsiveSizes = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {AVATAR_CONFIGS.map(({ key, children, elementType, href }) => (\n        <Avatar key={key} {...(elementType && { elementType, href })} size={RESPONSIVE_SIZE} aria-label={ARIA_LABEL}>\n          {children}\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {AVATAR_CONFIGS.map(({ key, children, elementType, href }) => (\n        <Avatar\n          key={key}\n          isSquare\n          {...(elementType && { elementType, href })}\n          size={RESPONSIVE_SIZE}\n          aria-label={ARIA_LABEL}\n        >\n          {children}\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarResponsiveSizes;\n"],"names":["RESPONSIVE_SIZE","ARIA_LABEL","IMAGE_URL","AVATAR_CONFIGS","jsx","Icon","AvatarResponsiveSizes","jsxs","Fragment","key","children","elementType","href","Avatar"],"mappings":"6MAIMA,EAAkB,CAAE,OAAQ,SAAU,OAAQ,SAAU,QAAS,QAAA,EACjEC,EAAa,wBACbC,EAAY,uCASZC,EAAiC,CACrC,CACE,IAAK,OACL,SAAUC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,SAAA,CAAU,EAC/B,YAAa,IACb,KAAM,GAAA,EAER,CACE,IAAK,OACL,SAAUD,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,SAAA,KAAE,EACrC,YAAa,IACb,KAAM,GAAA,EAER,CACE,IAAK,QACL,eAAW,MAAA,CAAI,IAAKF,EAAW,IAAI,aAAa,cAAY,MAAA,CAAO,CAAA,CAEvE,EAEMI,EAAwB,IAC5BC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAJ,EAAAA,IAAC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,SAAAD,EAAe,IAAI,CAAC,CAAE,IAAAM,EAAK,SAAAC,EAAU,YAAAC,EAAa,KAAAC,CAAA,IACjDR,EAAAA,IAACS,EAAAA,QAAA,CAAkB,GAAIF,GAAe,CAAE,YAAAA,EAAa,KAAAC,CAAA,EAAS,KAAMZ,EAAiB,aAAYC,EAC9F,SAAAS,CAAA,EADUD,CAEb,CACD,EACH,QACC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,SAAAN,EAAe,IAAI,CAAC,CAAE,IAAAM,EAAK,SAAAC,EAAU,YAAAC,EAAa,KAAAC,KACjDR,EAAAA,IAACS,EAAAA,QAAA,CAEC,SAAQ,GACP,GAAIF,GAAe,CAAE,YAAAA,EAAa,KAAAC,CAAA,EACnC,KAAMZ,EACN,aAAYC,EAEX,SAAAS,CAAA,EANID,CAAA,CAQR,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Avatar/demo/AvatarResponsiveSizes.js

@@ -0,0 +1,38 @@
+import { jsxs as n, Fragment as d, jsx as e } from "react/jsx-runtime";
+import m from "../../Icon/Icon.js";
+import t from "../Avatar.js";
+const l = { mobile: "xsmall", tablet: "medium", desktop: "xlarge" }, o = "Profile of Jiří Bárta", p = "https://picsum.photos/id/823/162/162", c = [
+  {
+    key: "icon",
+    children: /* @__PURE__ */ e(m, { name: "profile" }),
+    elementType: "a",
+    href: "#"
+  },
+  {
+    key: "text",
+    children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "JB" }),
+    elementType: "a",
+    href: "#"
+  },
+  {
+    key: "image",
+    children: /* @__PURE__ */ e("img", { src: p, alt: "Jiří Bárta", "aria-hidden": "true" })
+  }
+], u = () => /* @__PURE__ */ n(d, { children: [
+  /* @__PURE__ */ e("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: c.map(({ key: i, children: r, elementType: a, href: s }) => /* @__PURE__ */ e(t, { ...a && { elementType: a, href: s }, size: l, "aria-label": o, children: r }, i)) }),
+  /* @__PURE__ */ e("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: c.map(({ key: i, children: r, elementType: a, href: s }) => /* @__PURE__ */ e(
+    t,
+    {
+      isSquare: !0,
+      ...a && { elementType: a, href: s },
+      size: l,
+      "aria-label": o,
+      children: r
+    },
+    i
+  )) })
+] });
+export {
+  u as default
+};
+//# sourceMappingURL=AvatarResponsiveSizes.js.map

package/dist/components/Avatar/demo/AvatarResponsiveSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarResponsiveSizes.js","sources":["../../../../src/components/Avatar/demo/AvatarResponsiveSizes.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Icon } from '../../Icon';\nimport Avatar from '../Avatar';\n\nconst RESPONSIVE_SIZE = { mobile: 'xsmall', tablet: 'medium', desktop: 'xlarge' } as const;\nconst ARIA_LABEL = 'Profile of Jiří Bárta';\nconst IMAGE_URL = 'https://picsum.photos/id/823/162/162';\n\ntype AvatarConfig = {\n  key: string;\n  children: ReactNode;\n  elementType?: 'a';\n  href?: string;\n};\n\nconst AVATAR_CONFIGS: AvatarConfig[] = [\n  {\n    key: 'icon',\n    children: <Icon name=\"profile\" />,\n    elementType: 'a',\n    href: '#',\n  },\n  {\n    key: 'text',\n    children: <span aria-hidden=\"true\">JB</span>,\n    elementType: 'a',\n    href: '#',\n  },\n  {\n    key: 'image',\n    children: <img src={IMAGE_URL} alt=\"Jiří Bárta\" aria-hidden=\"true\" />,\n  },\n];\n\nconst AvatarResponsiveSizes = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {AVATAR_CONFIGS.map(({ key, children, elementType, href }) => (\n        <Avatar key={key} {...(elementType && { elementType, href })} size={RESPONSIVE_SIZE} aria-label={ARIA_LABEL}>\n          {children}\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {AVATAR_CONFIGS.map(({ key, children, elementType, href }) => (\n        <Avatar\n          key={key}\n          isSquare\n          {...(elementType && { elementType, href })}\n          size={RESPONSIVE_SIZE}\n          aria-label={ARIA_LABEL}\n        >\n          {children}\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarResponsiveSizes;\n"],"names":["RESPONSIVE_SIZE","ARIA_LABEL","IMAGE_URL","AVATAR_CONFIGS","jsx","Icon","AvatarResponsiveSizes","jsxs","Fragment","key","children","elementType","href","Avatar"],"mappings":";;;AAIA,MAAMA,IAAkB,EAAE,QAAQ,UAAU,QAAQ,UAAU,SAAS,SAAA,GACjEC,IAAa,yBACbC,IAAY,wCASZC,IAAiC;AAAA,EACrC;AAAA,IACE,KAAK;AAAA,IACL,UAAU,gBAAAC,EAACC,GAAA,EAAK,MAAK,UAAA,CAAU;AAAA,IAC/B,aAAa;AAAA,IACb,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,KAAK;AAAA,IACL,UAAU,gBAAAD,EAAC,QAAA,EAAK,eAAY,QAAO,UAAA,MAAE;AAAA,IACrC,aAAa;AAAA,IACb,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,KAAK;AAAA,IACL,4BAAW,OAAA,EAAI,KAAKF,GAAW,KAAI,cAAa,eAAY,OAAA,CAAO;AAAA,EAAA;AAEvE,GAEMI,IAAwB,MAC5B,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,UAAAD,EAAe,IAAI,CAAC,EAAE,KAAAM,GAAK,UAAAC,GAAU,aAAAC,GAAa,MAAAC,EAAA,MACjD,gBAAAR,EAACS,GAAA,EAAkB,GAAIF,KAAe,EAAE,aAAAA,GAAa,MAAAC,EAAA,GAAS,MAAMZ,GAAiB,cAAYC,GAC9F,UAAAS,EAAA,GADUD,CAEb,CACD,GACH;AAAA,oBACC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,UAAAN,EAAe,IAAI,CAAC,EAAE,KAAAM,GAAK,UAAAC,GAAU,aAAAC,GAAa,MAAAC,QACjD,gBAAAR;AAAA,IAACS;AAAA,IAAA;AAAA,MAEC,UAAQ;AAAA,MACP,GAAIF,KAAe,EAAE,aAAAA,GAAa,MAAAC,EAAA;AAAA,MACnC,MAAMZ;AAAA,MACN,cAAYC;AAAA,MAEX,UAAAS;AAAA,IAAA;AAAA,IANID;AAAA,EAAA,CAQR,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/Avatar/demo/AvatarText.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("../Avatar.cjs"),t=require("../constants.cjs"),s=()=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:t.DEMO_SIZES.map(({size:a})=>e.jsx(r.default,{elementType:"a",href:"#",size:a,"aria-label":"Profile of Jiří Bárta",children:e.jsx("span",{"aria-hidden":"true",children:"JB"})},a))}),e.jsx("div",{className:"d-flex",style:{gap:"var(--spirit-space-500)"},children:t.DEMO_SIZES.map(({size:a})=>e.jsx(r.default,{isSquare:!0,elementType:"a",href:"#",size:a,"aria-label":"Profile of Jiří Bárta",children:e.jsx("span",{"aria-hidden":"true",children:"JB"})},a))})]});exports.default=s;
+//# sourceMappingURL=AvatarText.cjs.map

package/dist/components/Avatar/demo/AvatarText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarText.cjs","sources":["../../../../src/components/Avatar/demo/AvatarText.tsx"],"sourcesContent":["import React from 'react';\nimport Avatar from '../Avatar';\nimport { DEMO_SIZES } from '../constants';\n\nconst AvatarText = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <span aria-hidden=\"true\">JB</span>\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} isSquare elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <span aria-hidden=\"true\">JB</span>\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarText;\n"],"names":["AvatarText","jsxs","Fragment","jsx","DEMO_SIZES","size","Avatar"],"mappings":"0MAIMA,EAAa,IACjBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,SAAAC,EAAAA,WAAW,IAAI,CAAC,CAAE,KAAAC,KACjBF,EAAAA,IAACG,EAAAA,QAAA,CAAkB,YAAY,IAAI,KAAK,IAAI,KAAAD,EAAY,aAAW,wBACjE,SAAAF,MAAC,OAAA,CAAK,cAAY,OAAO,SAAA,IAAA,CAAE,GADhBE,CAEb,CACD,EACH,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAU,SAAS,MAAO,CAAE,IAAK,yBAAA,EACnC,sBAAW,IAAI,CAAC,CAAE,KAAAE,CAAA,IACjBF,MAACG,EAAAA,QAAA,CAAkB,SAAQ,GAAC,YAAY,IAAI,KAAK,IAAI,KAAAD,EAAY,aAAW,wBAC1E,SAAAF,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,SAAA,IAAA,CAAE,CAAA,EADhBE,CAEb,CACD,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Avatar/demo/AvatarText.js

@@ -0,0 +1,11 @@
+import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
+import r from "../Avatar.js";
+import { DEMO_SIZES as i } from "../constants.js";
+const n = () => /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ e("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: i.map(({ size: a }) => /* @__PURE__ */ e(r, { elementType: "a", href: "#", size: a, "aria-label": "Profile of Jiří Bárta", children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "JB" }) }, a)) }),
+  /* @__PURE__ */ e("div", { className: "d-flex", style: { gap: "var(--spirit-space-500)" }, children: i.map(({ size: a }) => /* @__PURE__ */ e(r, { isSquare: !0, elementType: "a", href: "#", size: a, "aria-label": "Profile of Jiří Bárta", children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "JB" }) }, a)) })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=AvatarText.js.map

package/dist/components/Avatar/demo/AvatarText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarText.js","sources":["../../../../src/components/Avatar/demo/AvatarText.tsx"],"sourcesContent":["import React from 'react';\nimport Avatar from '../Avatar';\nimport { DEMO_SIZES } from '../constants';\n\nconst AvatarText = () => (\n  <>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <span aria-hidden=\"true\">JB</span>\n        </Avatar>\n      ))}\n    </div>\n    <div className=\"d-flex\" style={{ gap: 'var(--spirit-space-500)' }}>\n      {DEMO_SIZES.map(({ size }) => (\n        <Avatar key={size} isSquare elementType=\"a\" href=\"#\" size={size} aria-label=\"Profile of Jiří Bárta\">\n          <span aria-hidden=\"true\">JB</span>\n        </Avatar>\n      ))}\n    </div>\n  </>\n);\n\nexport default AvatarText;\n"],"names":["AvatarText","jsxs","Fragment","jsx","DEMO_SIZES","size","Avatar"],"mappings":";;;AAIA,MAAMA,IAAa,MACjB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,UAAAC,EAAW,IAAI,CAAC,EAAE,MAAAC,QACjB,gBAAAF,EAACG,GAAA,EAAkB,aAAY,KAAI,MAAK,KAAI,MAAAD,GAAY,cAAW,yBACjE,UAAA,gBAAAF,EAAC,QAAA,EAAK,eAAY,QAAO,UAAA,KAAA,CAAE,KADhBE,CAEb,CACD,GACH;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,UAAS,OAAO,EAAE,KAAK,0BAAA,GACnC,YAAW,IAAI,CAAC,EAAE,MAAAE,EAAA,MACjB,gBAAAF,EAACG,GAAA,EAAkB,UAAQ,IAAC,aAAY,KAAI,MAAK,KAAI,MAAAD,GAAY,cAAW,yBAC1E,UAAA,gBAAAF,EAAC,QAAA,EAAK,eAAY,QAAO,UAAA,KAAA,CAAE,EAAA,GADhBE,CAEb,CACD,EAAA,CACH;AAAA,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@alma-oss/spirit-icons/icons"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("../../../context/IconsContext.cjs"),c=require("./AvatarIcon.cjs"),n=require("./AvatarImage.cjs"),o=require("./AvatarResponsiveSizes.cjs"),u=require("./AvatarText.cjs"),l=()=>e.jsx(s.StrictMode,{children:e.jsxs(i.IconsProvider,{value:r,children:[e.jsx(t.default,{title:"Icon",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Text",children:e.jsx(u.default,{})}),e.jsx(t.default,{title:"Image",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Responsive Sizes",children:e.jsx(o.default,{})})]})});exports.Preview=l;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Avatar/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 AvatarIcon from './AvatarIcon';\nimport AvatarImage from './AvatarImage';\nimport AvatarResponsiveSizes from './AvatarResponsiveSizes';\nimport AvatarText from './AvatarText';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Icon\">\n        <AvatarIcon />\n      </DocsSection>\n      <DocsSection title=\"Text\">\n        <AvatarText />\n      </DocsSection>\n      <DocsSection title=\"Image\">\n        <AvatarImage />\n      </DocsSection>\n      <DocsSection title=\"Responsive Sizes\">\n        <AvatarResponsiveSizes />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","AvatarIcon","AvatarText","AvatarImage","AvatarResponsiveSizes"],"mappings":"uaAYaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,OACjB,SAAAL,MAACM,EAAAA,UAAW,EACd,QACCD,EAAAA,QAAA,CAAY,MAAM,OACjB,SAAAL,MAACO,EAAAA,UAAW,EACd,QACCF,EAAAA,QAAA,CAAY,MAAM,QACjB,SAAAL,MAACQ,EAAAA,UAAY,EACf,QACCH,EAAAA,QAAA,CAAY,MAAM,mBACjB,SAAAL,EAAAA,IAACS,YAAsB,CAAA,CACzB,CAAA,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import i from "@alma-oss/spirit-icons/icons";
+import { StrictMode as o } from "react";
+import t from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as m } from "../../../context/IconsContext.js";
+import c from "./AvatarIcon.js";
+import s from "./AvatarImage.js";
+import n from "./AvatarResponsiveSizes.js";
+import l from "./AvatarText.js";
+const S = () => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ e(m, { value: i, children: [
+  /* @__PURE__ */ r(t, { title: "Icon", children: /* @__PURE__ */ r(c, {}) }),
+  /* @__PURE__ */ r(t, { title: "Text", children: /* @__PURE__ */ r(l, {}) }),
+  /* @__PURE__ */ r(t, { title: "Image", children: /* @__PURE__ */ r(s, {}) }),
+  /* @__PURE__ */ r(t, { title: "Responsive Sizes", children: /* @__PURE__ */ r(n, {}) })
+] }) });
+export {
+  S as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Avatar/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 AvatarIcon from './AvatarIcon';\nimport AvatarImage from './AvatarImage';\nimport AvatarResponsiveSizes from './AvatarResponsiveSizes';\nimport AvatarText from './AvatarText';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Icon\">\n        <AvatarIcon />\n      </DocsSection>\n      <DocsSection title=\"Text\">\n        <AvatarText />\n      </DocsSection>\n      <DocsSection title=\"Image\">\n        <AvatarImage />\n      </DocsSection>\n      <DocsSection title=\"Responsive Sizes\">\n        <AvatarResponsiveSizes />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","AvatarIcon","AvatarText","AvatarImage","AvatarResponsiveSizes"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,QACjB,UAAA,gBAAAL,EAACM,KAAW,GACd;AAAA,oBACCD,GAAA,EAAY,OAAM,QACjB,UAAA,gBAAAL,EAACO,KAAW,GACd;AAAA,oBACCF,GAAA,EAAY,OAAM,SACjB,UAAA,gBAAAL,EAACQ,KAAY,GACf;AAAA,oBACCH,GAAA,EAAY,OAAM,oBACjB,UAAA,gBAAAL,EAACS,KAAsB,EAAA,CACzB;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Avatar/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/Avatar/preview/index.cjs.map

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

package/dist/components/Avatar/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/Avatar/preview/index.js.map

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

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

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

package/dist/components/Avatar.d.ts

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

package/dist/components/Box/demo/BoxColorDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../web-react/docs/DocsStack.cjs"),c=require("../Box.cjs"),l=({label:n,demoType:e,colorList:u,getComplementaryColor:i})=>r.jsx("div",{children:r.jsxs(a.default,{stackAlignment:"start",children:[r.jsx("h3",{children:n}),u.map(t=>{if(!t)return null;const s=i(t);return r.jsxs(c.default,{padding:"space-800",backgroundColor:e==="background"?t:s,textColor:e==="text"?t:s,children:["With ",t," ",e]},`${e}-${t}`)})]})});exports.default=l;
+//# sourceMappingURL=BoxColorDemoFactory.cjs.map

package/dist/components/Box/demo/BoxColorDemoFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColorDemoFactory.cjs","sources":["../../../../src/components/Box/demo/BoxColorDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport {\n  type BoxBackgroundColorsType,\n  type TextAccentColorsType,\n  type TextColorsDictionaryType,\n  type TextEmotionColorsType,\n  type TextNeutralColorsType,\n} from '../../../types';\nimport Box from '../Box';\n\ntype BoxColorDemoType = 'background' | 'text';\nexport type BoxTextColorsType =\n  | TextAccentColorsType\n  | TextEmotionColorsType\n  | TextNeutralColorsType\n  | TextColorsDictionaryType;\n\ntype BoxColorDemoFactoryProps = {\n  label: string;\n  demoType: BoxColorDemoType;\n  colorList: BoxBackgroundColorsType[] | BoxTextColorsType[];\n  getComplementaryColor: (color: string) => BoxBackgroundColorsType | BoxTextColorsType;\n};\n\nconst BoxColorDemoFactory = ({ label, demoType, colorList, getComplementaryColor }: BoxColorDemoFactoryProps) => (\n  <div>\n    <DocsStack stackAlignment=\"start\">\n      <h3>{label}</h3>\n      {colorList.map((color) => {\n        if (!color) return null;\n\n        const complementary = getComplementaryColor(color);\n\n        return (\n          <Box\n            key={`${demoType}-${color}`}\n            padding=\"space-800\"\n            backgroundColor={demoType === 'background' ? color : complementary}\n            textColor={demoType === 'text' ? color : complementary}\n          >\n            With {color} {demoType}\n          </Box>\n        );\n      })}\n    </DocsStack>\n  </div>\n);\n\nexport default BoxColorDemoFactory;\n"],"names":["BoxColorDemoFactory","label","demoType","colorList","getComplementaryColor","jsx","jsxs","DocsStack","color","complementary","Box"],"mappings":"4NAyBMA,EAAsB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,EAAW,sBAAAC,CAAA,IACzDC,EAAAA,IAAC,MAAA,CACC,SAAAC,EAAAA,KAACC,EAAAA,QAAA,CAAU,eAAe,QACxB,SAAA,CAAAF,EAAAA,IAAC,MAAI,SAAAJ,CAAA,CAAM,EACVE,EAAU,IAAKK,GAAU,CACxB,GAAI,CAACA,EAAO,OAAO,KAEnB,MAAMC,EAAgBL,EAAsBI,CAAK,EAEjD,OACEF,EAAAA,KAACI,EAAAA,QAAA,CAEC,QAAQ,YACR,gBAAiBR,IAAa,aAAeM,EAAQC,EACrD,UAAWP,IAAa,OAASM,EAAQC,EAC1C,SAAA,CAAA,QACOD,EAAM,IAAEN,CAAA,CAAA,EALT,GAAGA,CAAQ,IAAIM,CAAK,EAAA,CAQ/B,CAAC,CAAA,CAAA,CACH,CAAA,CACF"}

package/dist/components/Box/demo/BoxColorDemoFactory.js

@@ -0,0 +1,29 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "../../../web-react/docs/DocsStack.js";
+import m from "../Box.js";
+const x = ({ label: s, demoType: r, colorList: c, getComplementaryColor: e }) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ a(o, { stackAlignment: "start", children: [
+  /* @__PURE__ */ i("h3", { children: s }),
+  c.map((t) => {
+    if (!t) return null;
+    const n = e(t);
+    return /* @__PURE__ */ a(
+      m,
+      {
+        padding: "space-800",
+        backgroundColor: r === "background" ? t : n,
+        textColor: r === "text" ? t : n,
+        children: [
+          "With ",
+          t,
+          " ",
+          r
+        ]
+      },
+      `${r}-${t}`
+    );
+  })
+] }) });
+export {
+  x as default
+};
+//# sourceMappingURL=BoxColorDemoFactory.js.map

package/dist/components/Box/demo/BoxColorDemoFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColorDemoFactory.js","sources":["../../../../src/components/Box/demo/BoxColorDemoFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport {\n  type BoxBackgroundColorsType,\n  type TextAccentColorsType,\n  type TextColorsDictionaryType,\n  type TextEmotionColorsType,\n  type TextNeutralColorsType,\n} from '../../../types';\nimport Box from '../Box';\n\ntype BoxColorDemoType = 'background' | 'text';\nexport type BoxTextColorsType =\n  | TextAccentColorsType\n  | TextEmotionColorsType\n  | TextNeutralColorsType\n  | TextColorsDictionaryType;\n\ntype BoxColorDemoFactoryProps = {\n  label: string;\n  demoType: BoxColorDemoType;\n  colorList: BoxBackgroundColorsType[] | BoxTextColorsType[];\n  getComplementaryColor: (color: string) => BoxBackgroundColorsType | BoxTextColorsType;\n};\n\nconst BoxColorDemoFactory = ({ label, demoType, colorList, getComplementaryColor }: BoxColorDemoFactoryProps) => (\n  <div>\n    <DocsStack stackAlignment=\"start\">\n      <h3>{label}</h3>\n      {colorList.map((color) => {\n        if (!color) return null;\n\n        const complementary = getComplementaryColor(color);\n\n        return (\n          <Box\n            key={`${demoType}-${color}`}\n            padding=\"space-800\"\n            backgroundColor={demoType === 'background' ? color : complementary}\n            textColor={demoType === 'text' ? color : complementary}\n          >\n            With {color} {demoType}\n          </Box>\n        );\n      })}\n    </DocsStack>\n  </div>\n);\n\nexport default BoxColorDemoFactory;\n"],"names":["BoxColorDemoFactory","label","demoType","colorList","getComplementaryColor","jsx","jsxs","DocsStack","color","complementary","Box"],"mappings":";;;AAyBA,MAAMA,IAAsB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,GAAW,uBAAAC,EAAA,MACzD,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAU,gBAAe,SACxB,UAAA;AAAA,EAAA,gBAAAF,EAAC,QAAI,UAAAJ,EAAA,CAAM;AAAA,EACVE,EAAU,IAAI,CAACK,MAAU;AACxB,QAAI,CAACA,EAAO,QAAO;AAEnB,UAAMC,IAAgBL,EAAsBI,CAAK;AAEjD,WACE,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAQ;AAAA,QACR,iBAAiBR,MAAa,eAAeM,IAAQC;AAAA,QACrD,WAAWP,MAAa,SAASM,IAAQC;AAAA,QAC1C,UAAA;AAAA,UAAA;AAAA,UACOD;AAAA,UAAM;AAAA,UAAEN;AAAA,QAAA;AAAA,MAAA;AAAA,MALT,GAAGA,CAAQ,IAAIM,CAAK;AAAA,IAAA;AAAA,EAQ/B,CAAC;AAAA,EAAA,CACH,EAAA,CACF;"}

package/dist/components/Box/demo/BoxDefault.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("../Box.cjs"),u=()=>e.jsx(t.default,{children:"Content"});exports.default=u;
+//# sourceMappingURL=BoxDefault.cjs.map

package/dist/components/Box/demo/BoxDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxDefault.cjs","sources":["../../../../src/components/Box/demo/BoxDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Box from '../Box';\n\nconst BoxDefault = () => <Box>Content</Box>;\n\nexport default BoxDefault;\n"],"names":["BoxDefault","jsx","Box"],"mappings":"yKAGMA,EAAa,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAI,SAAA,SAAA,CAAO"}

package/dist/components/Box/demo/BoxDefault.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "../Box.js";
+const s = () => /* @__PURE__ */ t(o, { children: "Content" });
+export {
+  s as default
+};
+//# sourceMappingURL=BoxDefault.js.map

package/dist/components/Box/demo/BoxDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxDefault.js","sources":["../../../../src/components/Box/demo/BoxDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Box from '../Box';\n\nconst BoxDefault = () => <Box>Content</Box>;\n\nexport default BoxDefault;\n"],"names":["BoxDefault","jsx","Box"],"mappings":";;AAGA,MAAMA,IAAa,MAAM,gBAAAC,EAACC,GAAA,EAAI,UAAA,UAAA,CAAO;"}

package/dist/components/Box/demo/BoxWithAll.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../Box.cjs"),d=()=>r.jsxs(r.Fragment,{children:[r.jsx("p",{children:"For demo purposes, the boxes have custom padding."}),r.jsx(e.default,{padding:"space-800",backgroundColor:"primary",borderWidth:"100",children:"With primary background, solid border and no radius"}),r.jsx(e.default,{padding:"space-800",backgroundColor:"secondary",borderRadius:"300",borderStyle:"dashed",borderWidth:"200",children:"With secondary background, custom radius, dashed thicker border"}),r.jsx(e.default,{padding:"space-800",backgroundColor:"tertiary",textColor:"tertiary",borderRadius:"full",borderStyle:"dotted",borderWidth:"200",borderColor:"basic",children:"With tertiary background, tertiary text color, full radius, dotted thicker border"})]});exports.default=d;
+//# sourceMappingURL=BoxWithAll.cjs.map

package/dist/components/Box/demo/BoxWithAll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxWithAll.cjs","sources":["../../../../src/components/Box/demo/BoxWithAll.tsx"],"sourcesContent":["import React from 'react';\nimport Box from '../Box';\n\nconst BoxWithAll = () => (\n  <>\n    <p>For demo purposes, the boxes have custom padding.</p>\n    <Box padding=\"space-800\" backgroundColor=\"primary\" borderWidth=\"100\">\n      With primary background, solid border and no radius\n    </Box>\n    <Box padding=\"space-800\" backgroundColor=\"secondary\" borderRadius=\"300\" borderStyle=\"dashed\" borderWidth=\"200\">\n      With secondary background, custom radius, dashed thicker border\n    </Box>\n    <Box\n      padding=\"space-800\"\n      backgroundColor=\"tertiary\"\n      textColor=\"tertiary\"\n      borderRadius=\"full\"\n      borderStyle=\"dotted\"\n      borderWidth=\"200\"\n      borderColor=\"basic\"\n    >\n      With tertiary background, tertiary text color, full radius, dotted thicker border\n    </Box>\n  </>\n);\n\nexport default BoxWithAll;\n"],"names":["BoxWithAll","jsxs","Fragment","jsx","Box"],"mappings":"yKAGMA,EAAa,IACjBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,KAAE,SAAA,mDAAA,CAAiD,EACpDA,EAAAA,IAACC,EAAAA,SAAI,QAAQ,YAAY,gBAAgB,UAAU,YAAY,MAAM,SAAA,qDAAA,CAErE,EACAD,EAAAA,IAACC,EAAAA,QAAA,CAAI,QAAQ,YAAY,gBAAgB,YAAY,aAAa,MAAM,YAAY,SAAS,YAAY,MAAM,SAAA,kEAE/G,EACAD,EAAAA,IAACC,EAAAA,QAAA,CACC,QAAQ,YACR,gBAAgB,WAChB,UAAU,WACV,aAAa,OACb,YAAY,SACZ,YAAY,MACZ,YAAY,QACb,SAAA,mFAAA,CAAA,CAED,CAAA,CACF"}

package/dist/components/Box/demo/BoxWithAll.js

@@ -0,0 +1,24 @@
+import { jsxs as o, Fragment as e, jsx as r } from "react/jsx-runtime";
+import d from "../Box.js";
+const i = () => /* @__PURE__ */ o(e, { children: [
+  /* @__PURE__ */ r("p", { children: "For demo purposes, the boxes have custom padding." }),
+  /* @__PURE__ */ r(d, { padding: "space-800", backgroundColor: "primary", borderWidth: "100", children: "With primary background, solid border and no radius" }),
+  /* @__PURE__ */ r(d, { padding: "space-800", backgroundColor: "secondary", borderRadius: "300", borderStyle: "dashed", borderWidth: "200", children: "With secondary background, custom radius, dashed thicker border" }),
+  /* @__PURE__ */ r(
+    d,
+    {
+      padding: "space-800",
+      backgroundColor: "tertiary",
+      textColor: "tertiary",
+      borderRadius: "full",
+      borderStyle: "dotted",
+      borderWidth: "200",
+      borderColor: "basic",
+      children: "With tertiary background, tertiary text color, full radius, dotted thicker border"
+    }
+  )
+] });
+export {
+  i as default
+};
+//# sourceMappingURL=BoxWithAll.js.map