jvetrau-ds 0.2.41 → 0.2.43

package/components/breadcrumbs/breadcrumbs.cjs

@@ -32,7 +32,9 @@ const Breadcrumbs = ({
       {
         className: "breadcrumbs__icon",
         name: "chevron-left",
-        "aria-hidden": "true"
+        size: "compact",
+        "aria-hidden": true,
+        focusable: false
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__label", children: item.label })

package/components/breadcrumbs/breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":["classnames","jsxs","Fragment","jsx","Icon"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,oBAEAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,CAAK,UAAA,mBACJA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACb,QAAA,EAAA,IAAA,CAAK,UAAA,CAAW,OAAO,GAC1B,CAAA,mBAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.cjs","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  renderLink?: (children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        aria-hidden=\"true\"\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.renderLink ? (\n        <span className=\"breadcrumbs__link\">\n          {item.renderLink(content)}\n        </span>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":["classnames","jsxs","Fragment","jsx","Icon"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,IAAA,EAAK,SAAA;AAAA,QACL,aAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,oBAEAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,CAAK,UAAA,mBACJA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACb,QAAA,EAAA,IAAA,CAAK,UAAA,CAAW,OAAO,GAC1B,CAAA,mBAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.cjs","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  renderLink?: (children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        size=\"compact\"\n        aria-hidden\n        focusable={false}\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.renderLink ? (\n        <span className=\"breadcrumbs__link\">\n          {item.renderLink(content)}\n        </span>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;\n"]}

package/components/breadcrumbs/breadcrumbs.css

@@ -26,14 +26,16 @@
 
 .breadcrumbs__link,
 .breadcrumbs__current {
+  /* color */
+  color: inherit;
+
+  /* typography */
+
   /* size */
   display: inline-flex;
   align-items: center;
   gap: var(--margin-icon);
 
-  /* color */
-  color: inherit;
-
   /* border */
 
   /* depth */
@@ -47,11 +49,31 @@
   color: inherit;
 
   /* typography */
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .breadcrumbs__icon {
+  /* color */
+
+  /* typography */
+
   /* size */
   flex-shrink: 0;
+  translate: 0 -0.0305em;
+  translate: 0 -0.08em;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .breadcrumbs__label {

package/components/breadcrumbs/breadcrumbs.js

@@ -26,7 +26,9 @@ const Breadcrumbs = ({
       {
         className: "breadcrumbs__icon",
         name: "chevron-left",
-        "aria-hidden": "true"
+        size: "compact",
+        "aria-hidden": true,
+        focusable: false
       }
     ),
     /* @__PURE__ */ jsx("span", { className: "breadcrumbs__label", children: item.label })

package/components/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,oBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,CAAK,UAAA,mBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACb,QAAA,EAAA,IAAA,CAAK,UAAA,CAAW,OAAO,GAC1B,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.js","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  renderLink?: (children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        aria-hidden=\"true\"\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.renderLink ? (\n        <span className=\"breadcrumbs__link\">\n          {item.renderLink(content)}\n        </span>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;;AAkBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,YAAA,GAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,yBAAyB,YAAA,KAAiB,UAAA;AAAA,IAC1C,qBAAqB,YAAA,KAAiB;AAAA,GACvC,CAAA;AAED,EAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mBAAA;AAAA,QACV,IAAA,EAAK,cAAA;AAAA,QACL,IAAA,EAAK,SAAA;AAAA,QACL,aAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,oBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EACb,eAAK,KAAA,EACR;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,CAAK,UAAA,mBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACb,QAAA,EAAA,IAAA,CAAK,UAAA,CAAW,OAAO,GAC1B,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"breadcrumbs.js","sourcesContent":["import React from 'react';\nimport './breadcrumbs.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\n\nexport type BreadcrumbsPresentation = 'backlink' | 'path';\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  renderLink?: (children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface BreadcrumbsProps\n  extends React.HTMLAttributes<HTMLElement> {\n  presentation?: BreadcrumbsPresentation;\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({\n  presentation = 'backlink',\n  items,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('breadcrumbs', className, {\n    'breadcrumbs--backlink': presentation === 'backlink',\n    'breadcrumbs--path': presentation === 'path',\n  });\n\n  if (presentation === 'path') {\n    return null;\n  }\n\n  const item = items[0];\n\n  if (!item) {\n    return null;\n  }\n\n  const content = (\n    <>\n      <Icon\n        className=\"breadcrumbs__icon\"\n        name=\"chevron-left\"\n        size=\"compact\"\n        aria-hidden\n        focusable={false}\n      />\n\n      <span className=\"breadcrumbs__label\">\n        {item.label}\n      </span>\n    </>\n  );\n\n  return (\n    <nav\n      className={classes}\n      aria-label=\"Breadcrumb\"\n      {...props}\n    >\n      {item.renderLink ? (\n        <span className=\"breadcrumbs__link\">\n          {item.renderLink(content)}\n        </span>\n      ) : (\n        <span className=\"breadcrumbs__current\">\n          {content}\n        </span>\n      )}\n    </nav>\n  );\n};\n\nexport default Breadcrumbs;\n"]}

package/components/breadcrumbs/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var breadcrumbs = require('./breadcrumbs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,6 +10,13 @@ var breadcrumbs__default = /*#__PURE__*/_interopDefault(breadcrumbs);
 
 
 
-module.exports = breadcrumbs__default.default;
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return breadcrumbs__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return breadcrumbs__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/components/breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './breadcrumbs';
+export { default, default as Breadcrumbs, } from './breadcrumbs';
 export type { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, } from './breadcrumbs';

package/components/breadcrumbs/index.js

@@ -1,3 +1,3 @@
-export { default } from './breadcrumbs';
+export { default as Breadcrumbs, default } from './breadcrumbs';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/components/index.d.ts

@@ -48,7 +48,7 @@ export type { ActionGroupProps } from './action-group/action-group';
 export { default as CardGroup } from './card-group/card-group';
 export type { CardGroupProps } from './card-group/card-group';
 export { default as Breadcrumbs } from './breadcrumbs/breadcrumbs';
-export type { BreadcrumbsProps } from './breadcrumbs/breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, } from './breadcrumbs/breadcrumbs';
 export { default as Markdown } from './markdown/markdown';
 export type { MarkdownEmbed, MarkdownProps, } from './markdown/markdown';
 export { default as Discussion } from './discussion/discussion';

package/icons/assets/chevron-left.cjs

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 
 const chevronLeft = {
-  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z" }),
-  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z" }),
-  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z" }),
-  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z" })
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z" })
 };
 
 exports.chevronLeft = chevronLeft;

package/icons/assets/chevron-left.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/chevron-left.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,WAAA,GAAyB;AAAA,EACpC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4GAAA,EAA6G,CAAA;AAAA,EACzH,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sIAAA,EAAuI,CAAA;AAAA,EAClJ,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4HAAA,EAA6H,CAAA;AAAA,EACxI,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wGAAA,EAAyG;AACtH","file":"chevron-left.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z\" />,\n  s: <path d=\"M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z\" />,\n  m: <path d=\"M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z\" />,\n  l: <path d=\"M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z\" />,\n};\n"]}
+{"version":3,"sources":["../../../src/icons/assets/chevron-left.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,WAAA,GAAyB;AAAA,EACpC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+FAAA,EAAgG,CAAA;AAAA,EAC5G,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,EAC5H,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,EACvH,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4FAAA,EAA6F;AAC1G","file":"chevron-left.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z\" />,\n  s: <path d=\"M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z\" />,\n  m: <path d=\"M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z\" />,\n  l: <path d=\"M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z\" />,\n};\n"]}

package/icons/assets/chevron-left.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 
 const chevronLeft = {
-  xs: /* @__PURE__ */ jsx("path", { d: "M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z" }),
-  s: /* @__PURE__ */ jsx("path", { d: "M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z" }),
-  m: /* @__PURE__ */ jsx("path", { d: "M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z" }),
-  l: /* @__PURE__ */ jsx("path", { d: "M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z" })
+  xs: /* @__PURE__ */ jsx("path", { d: "M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z" }),
+  s: /* @__PURE__ */ jsx("path", { d: "M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z" }),
+  m: /* @__PURE__ */ jsx("path", { d: "M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z" }),
+  l: /* @__PURE__ */ jsx("path", { d: "M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z" })
 };
 
 export { chevronLeft };

package/icons/assets/chevron-left.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/chevron-left.tsx"],"names":[],"mappings":";;AAEO,MAAM,WAAA,GAAyB;AAAA,EACpC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4GAAA,EAA6G,CAAA;AAAA,EACzH,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sIAAA,EAAuI,CAAA;AAAA,EAClJ,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4HAAA,EAA6H,CAAA;AAAA,EACxI,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wGAAA,EAAyG;AACtH","file":"chevron-left.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z\" />,\n  s: <path d=\"M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z\" />,\n  m: <path d=\"M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z\" />,\n  l: <path d=\"M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z\" />,\n};\n"]}
+{"version":3,"sources":["../../../src/icons/assets/chevron-left.tsx"],"names":[],"mappings":";;AAEO,MAAM,WAAA,GAAyB;AAAA,EACpC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+FAAA,EAAgG,CAAA;AAAA,EAC5G,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,EAC5H,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,EACvH,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4FAAA,EAA6F;AAC1G","file":"chevron-left.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z\" />,\n  s: <path d=\"M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z\" />,\n  m: <path d=\"M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z\" />,\n  l: <path d=\"M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z\" />,\n};\n"]}

package/icons/assets/chevron-right.cjs

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 
 const chevronRight = {
-  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z" }),
-  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z" }),
-  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z" }),
-  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z" })
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z" })
 };
 
 exports.chevronRight = chevronRight;

package/icons/assets/chevron-right.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/chevron-right.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,YAAA,GAA0B;AAAA,EACrC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+FAAA,EAAgG,CAAA;AAAA,EAC5G,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,EAC5H,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,EACvH,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4FAAA,EAA6F;AAC1G","file":"chevron-right.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronRight: IconGlyph = {\n  xs: <path d=\"M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z\" />,\n  s: <path d=\"M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z\" />,\n  m: <path d=\"M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z\" />,\n  l: <path d=\"M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z\" />,\n};\n"]}
+{"version":3,"sources":["../../../src/icons/assets/chevron-right.tsx"],"names":["jsx"],"mappings":";;;;AAEO,MAAM,YAAA,GAA0B;AAAA,EACrC,EAAA,kBAAIA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4GAAA,EAA6G,CAAA;AAAA,EACzH,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sIAAA,EAAuI,CAAA;AAAA,EAClJ,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4HAAA,EAA6H,CAAA;AAAA,EACxI,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wGAAA,EAAyG;AACtH","file":"chevron-right.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronRight: IconGlyph = {\n  xs: <path d=\"M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z\" />,\n  s: <path d=\"M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z\" />,\n  m: <path d=\"M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z\" />,\n  l: <path d=\"M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z\" />,\n};\n"]}

package/icons/assets/chevron-right.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 
 const chevronRight = {
-  xs: /* @__PURE__ */ jsx("path", { d: "M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z" }),
-  s: /* @__PURE__ */ jsx("path", { d: "M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z" }),
-  m: /* @__PURE__ */ jsx("path", { d: "M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z" }),
-  l: /* @__PURE__ */ jsx("path", { d: "M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z" })
+  xs: /* @__PURE__ */ jsx("path", { d: "M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z" }),
+  s: /* @__PURE__ */ jsx("path", { d: "M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z" }),
+  m: /* @__PURE__ */ jsx("path", { d: "M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z" }),
+  l: /* @__PURE__ */ jsx("path", { d: "M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z" })
 };
 
 export { chevronRight };

package/icons/assets/chevron-right.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/assets/chevron-right.tsx"],"names":[],"mappings":";;AAEO,MAAM,YAAA,GAA0B;AAAA,EACrC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+FAAA,EAAgG,CAAA;AAAA,EAC5G,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,EAC5H,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2GAAA,EAA4G,CAAA;AAAA,EACvH,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4FAAA,EAA6F;AAC1G","file":"chevron-right.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronRight: IconGlyph = {\n  xs: <path d=\"M4.5 7.9751L10.2632 13.4502L11.6411 12L7.4048 7.9751L11.6411 3.950195L10.2632 2.5L4.5 7.9751Z\" />,\n  s: <path d=\"M5.625 9.968875L12.829 16.81275L14.551375 15L9.255999 9.968875L14.551375 4.937744L12.829 3.125L5.625 9.968875Z\" />,\n  m: <path d=\"M6.75 11.96265L15.3948 20.1753L17.46165 18L11.1072 11.96265L17.46165 5.925293L15.3948 3.75L6.75 11.96265Z\" />,\n  l: <path d=\"M9 15.9502L20.5264 26.9004L23.2822 24L14.8096 15.9502L23.2822 7.90039L20.5264 5L9 15.9502Z\" />,\n};\n"]}
+{"version":3,"sources":["../../../src/icons/assets/chevron-right.tsx"],"names":[],"mappings":";;AAEO,MAAM,YAAA,GAA0B;AAAA,EACrC,EAAA,kBAAI,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4GAAA,EAA6G,CAAA;AAAA,EACzH,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sIAAA,EAAuI,CAAA;AAAA,EAClJ,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4HAAA,EAA6H,CAAA;AAAA,EACxI,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wGAAA,EAAyG;AACtH","file":"chevron-right.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronRight: IconGlyph = {\n  xs: <path d=\"M11.45215 7.9751L5.68895 13.4502L4.311035 12L8.54735 7.9751L4.311035 3.950195L5.68895 2.5L11.45215 7.9751Z\" />,\n  s: <path d=\"M14.3151875 9.968875L7.1111875 16.81275L5.38879375 15L10.6841875 9.968875L5.38879375 4.93774375L7.1111875 3.125L14.3151875 9.968875Z\" />,\n  m: <path d=\"M17.178225 11.96265L8.533425 20.1753L6.4665525 18L12.821025 11.96265L6.4665525 5.9252925L8.533425 3.75L17.178225 11.96265Z\" />,\n  l: <path d=\"M22.9043 15.9502L11.3779 26.9004L8.62207 24L17.0947 15.9502L8.62207 7.90039L11.3779 5L22.9043 15.9502Z\" />,\n};\n"]}

package/index.d.ts

@@ -56,7 +56,7 @@ export type { ActionGroupProps } from './components/action-group';
 export { default as CardGroup } from './components/card-group';
 export type { CardGroupProps } from './components/card-group';
 export { default as Breadcrumbs } from './components/breadcrumbs';
-export type { BreadcrumbsProps } from './components/breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, } from './components/breadcrumbs';
 export { default as Markdown } from './components/markdown';
 export type { MarkdownEmbed, MarkdownProps, } from './components/markdown';
 export { default as Discussion } from './components/discussion';

package/layouts/auth/auth.meta.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentMeta } from '../../catalog/types';
+export declare const authMeta: ComponentMeta;

package/layouts/auth/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var auth = require('./auth');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,6 +10,13 @@ var auth__default = /*#__PURE__*/_interopDefault(auth);
 
 
 
-module.exports = auth__default.default;
+Object.defineProperty(exports, "LayoutAuth", {
+  enumerable: true,
+  get: function () { return auth__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return auth__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/layouts/auth/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './auth';
-export type { LayoutAuthProps } from './auth';
+export { default, default as LayoutAuth, } from './auth';
+export type { LayoutAuthProps, } from './auth';

package/layouts/auth/index.js

@@ -1,3 +1,3 @@
-export { default } from './auth';
+export { default as LayoutAuth, default } from './auth';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/layouts/base/base.css

@@ -40,11 +40,33 @@
 }
 
 .layout-base__header--align-center {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: center;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__header--align-end {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: flex-end;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__main {
@@ -70,11 +92,33 @@
 }
 
 .layout-base__main--align-center {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: center;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__main--align-end {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: flex-end;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content {
@@ -112,15 +156,48 @@
 }
 
 .layout-base__content--narrow {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-base-content-width: 720px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content--wide {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-base-content-width: 1200px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content--full {
+  /* color */
+
+  /* typography */
+
+  /* size */
   max-width: none;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content--align-center {
@@ -153,4 +230,4 @@
   /* depth */
 
   /* motion */
-}
+}

package/layouts/base/base.meta.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentMeta } from '../../catalog/types';
+export declare const baseMeta: ComponentMeta;

package/layouts/base/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var base = require('./base');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,6 +10,13 @@ var base__default = /*#__PURE__*/_interopDefault(base);
 
 
 
-module.exports = base__default.default;
+Object.defineProperty(exports, "LayoutBase", {
+  enumerable: true,
+  get: function () { return base__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return base__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/layouts/base/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './base';
-export type { LayoutBaseHeaderAlign, LayoutBaseMainAlign, LayoutBaseProps, } from './base';
+export { default, default as LayoutBase, } from './base';
+export type { LayoutBaseContentAlign, LayoutBaseHeaderAlign, LayoutBaseMainAlign, LayoutBaseProps, } from './base';

package/layouts/base/index.js

@@ -1,3 +1,3 @@
-export { default } from './base';
+export { default as LayoutBase, default } from './base';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/layouts/foundation/foundation.css

@@ -28,15 +28,48 @@
 }
 
 .layout-foundation--narrow {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-foundation-width: 720px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-foundation--wide {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-foundation-width: 1200px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-foundation--full {
+  /* color */
+
+  /* typography */
+
+  /* size */
   max-width: none;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-foundation__grid {
@@ -66,17 +99,50 @@
 }
 
 .layout-foundation__grid > * {
+  /* color */
+
+  /* typography */
+
+  /* size */
   grid-column: 1 / -1;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 @media (max-width: 1024px) {
   .layout-foundation {
+    /* color */
+
+    /* typography */
+
+    /* size */
     --layout-foundation-columns: 8;
+
+    /* border */
+
+    /* depth */
+
+    /* motion */
   }
 }
 
 @media (max-width: 640px) {
   .layout-foundation {
+    /* color */
+
+    /* typography */
+
+    /* size */
     --layout-foundation-columns: 4;
+
+    /* border */
+
+    /* depth */
+
+    /* motion */
   }
 }

package/layouts/foundation/foundation.meta.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentMeta } from '../../catalog/types';
+export declare const foundationMeta: ComponentMeta;

package/layouts/foundation/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var foundation = require('./foundation');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,6 +10,13 @@ var foundation__default = /*#__PURE__*/_interopDefault(foundation);
 
 
 
-module.exports = foundation__default.default;
+Object.defineProperty(exports, "LayoutFoundation", {
+  enumerable: true,
+  get: function () { return foundation__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return foundation__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/layouts/foundation/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './foundation';
+export { default, default as LayoutFoundation, } from './foundation';
 export type { LayoutFoundationProps, LayoutFoundationWidth, } from './foundation';

package/layouts/foundation/index.js

@@ -1,3 +1,3 @@
-export { default } from './foundation';
+export { default as LayoutFoundation, default } from './foundation';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/layouts/public.d.ts

@@ -1,8 +1,8 @@
-export { default as LayoutFoundation } from './foundation';
+export { default as LayoutFoundation, } from './foundation';
 export type { LayoutFoundationProps, LayoutFoundationWidth, } from './foundation';
-export { default as LayoutBase } from './base';
-export type { LayoutBaseProps } from './base';
-export { default as LayoutSidebar } from './sidebar';
-export type { LayoutSidebarProps } from './sidebar';
-export { default as LayoutAuth } from './auth';
-export type { LayoutAuthProps } from './auth';
+export { default as LayoutBase, } from './base';
+export type { LayoutBaseContentAlign, LayoutBaseHeaderAlign, LayoutBaseMainAlign, LayoutBaseProps, } from './base';
+export { default as LayoutSidebar, } from './sidebar';
+export type { LayoutSidebarContentAlign, LayoutSidebarProps, } from './sidebar';
+export { default as LayoutAuth, } from './auth';
+export type { LayoutAuthProps, } from './auth';

package/layouts/sidebar/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var sidebar = require('./sidebar');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,6 +10,13 @@ var sidebar__default = /*#__PURE__*/_interopDefault(sidebar);
 
 
 
-module.exports = sidebar__default.default;
+Object.defineProperty(exports, "LayoutSidebar", {
+  enumerable: true,
+  get: function () { return sidebar__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return sidebar__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/layouts/sidebar/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './sidebar';
-export type { LayoutSidebarProps } from './sidebar';
+export { default, default as LayoutSidebar, } from './sidebar';
+export type { LayoutSidebarContentAlign, LayoutSidebarProps, } from './sidebar';

package/layouts/sidebar/index.js

@@ -1,3 +1,3 @@
-export { default } from './sidebar';
+export { default as LayoutSidebar, default } from './sidebar';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/layouts/sidebar/sidebar.css

@@ -113,6 +113,17 @@
 @media (max-width: 1024px) {
   .layout-sidebar__main,
   .layout-sidebar__side {
+    /* color */
+
+    /* typography */
+
+    /* size */
     grid-column: 1 / -1;
+
+    /* border */
+
+    /* depth */
+
+    /* motion */
   }
-}
+}

package/layouts/sidebar/sidebar.meta.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentMeta } from '../../catalog/types';
+export declare const sidebarMeta: ComponentMeta;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -556,14 +556,16 @@
 
 .breadcrumbs__link,
 .breadcrumbs__current {
+  /* color */
+  color: inherit;
+
+  /* typography */
+
   /* size */
   display: inline-flex;
   align-items: center;
   gap: var(--margin-icon);
 
-  /* color */
-  color: inherit;
-
   /* border */
 
   /* depth */
@@ -577,11 +579,31 @@
   color: inherit;
 
   /* typography */
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .breadcrumbs__icon {
+  /* color */
+
+  /* typography */
+
   /* size */
   flex-shrink: 0;
+  translate: 0 -0.0305em;
+  translate: 0 -0.08em;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .breadcrumbs__label {
@@ -6977,11 +6999,33 @@ h4.course-outline__group-title {
 }
 
 .layout-base__header--align-center {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: center;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__header--align-end {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: flex-end;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__main {
@@ -7007,11 +7051,33 @@ h4.course-outline__group-title {
 }
 
 .layout-base__main--align-center {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: center;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__main--align-end {
+  /* color */
+
+  /* typography */
+
+  /* size */
   align-items: flex-end;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content {
@@ -7049,15 +7115,48 @@ h4.course-outline__group-title {
 }
 
 .layout-base__content--narrow {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-base-content-width: 720px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content--wide {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-base-content-width: 1200px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content--full {
+  /* color */
+
+  /* typography */
+
+  /* size */
   max-width: none;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-base__content--align-center {
@@ -7123,15 +7222,48 @@ h4.course-outline__group-title {
 }
 
 .layout-foundation--narrow {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-foundation-width: 720px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-foundation--wide {
+  /* color */
+
+  /* typography */
+
+  /* size */
   --layout-foundation-width: 1200px;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-foundation--full {
+  /* color */
+
+  /* typography */
+
+  /* size */
   max-width: none;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .layout-foundation__grid {
@@ -7161,18 +7293,51 @@ h4.course-outline__group-title {
 }
 
 .layout-foundation__grid > * {
+  /* color */
+
+  /* typography */
+
+  /* size */
   grid-column: 1 / -1;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 @media (max-width: 1024px) {
   .layout-foundation {
+    /* color */
+
+    /* typography */
+
+    /* size */
     --layout-foundation-columns: 8;
+
+    /* border */
+
+    /* depth */
+
+    /* motion */
   }
 }
 
 @media (max-width: 640px) {
   .layout-foundation {
+    /* color */
+
+    /* typography */
+
+    /* size */
     --layout-foundation-columns: 4;
+
+    /* border */
+
+    /* depth */
+
+    /* motion */
   }
 }
 
@@ -7292,7 +7457,18 @@ h4.course-outline__group-title {
 @media (max-width: 1024px) {
   .layout-sidebar__main,
   .layout-sidebar__side {
+    /* color */
+
+    /* typography */
+
+    /* size */
     grid-column: 1 / -1;
+
+    /* border */
+
+    /* depth */
+
+    /* motion */
   }
 }