jvetrau-ds 0.1.25 → 0.1.27

package/components/breadcrumbs/breadcrumbs.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./breadcrumbs.css');
+var classnames = require('../helpers/classnames');
+var Icon = require('../../icons/icon');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Icon__default = /*#__PURE__*/_interopDefault(Icon);
+
+const Breadcrumbs = ({
+  presentation = "backlink",
+  items,
+  className = "",
+  ...props
+}) => {
+  const classes = classnames.classnames("breadcrumbs", className, {
+    "breadcrumbs--backlink": presentation === "backlink",
+    "breadcrumbs--path": presentation === "path"
+  });
+  if (presentation === "path") {
+    return null;
+  }
+  const item = items[0];
+  if (!item) {
+    return null;
+  }
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon__default.default,
+      {
+        className: "breadcrumbs__icon",
+        name: "chevron-left",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__label", children: item.label })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      className: classes,
+      "aria-label": "Breadcrumb",
+      ...props,
+      children: item.renderLink ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__link", children: item.renderLink(content) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "breadcrumbs__current", children: content })
+    }
+  );
+};
+var breadcrumbs_default = Breadcrumbs;
+
+module.exports = breadcrumbs_default;
+//# sourceMappingURL=breadcrumbs.cjs.map
+//# sourceMappingURL=breadcrumbs.cjs.map

package/components/breadcrumbs/breadcrumbs.cjs.map

@@ -0,0 +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;"]}

package/components/breadcrumbs/breadcrumbs.css

@@ -0,0 +1,70 @@
+.breadcrumbs {
+  /* color */
+  color: var(--color-link);
+
+  /* typography */
+  --breadcrumbs-font-family: var(--font-control-family);
+  --breadcrumbs-font-size: var(--font-control);
+  --breadcrumbs-font-weight: var(--font-control-weight);
+  --breadcrumbs-line-height: var(--font-control-line);
+  --breadcrumbs-letter-spacing: var(--font-control-letter-spacing);
+
+  font-family: var(--breadcrumbs-font-family);
+  font-size: var(--breadcrumbs-font-size);
+  font-weight: var(--breadcrumbs-font-weight);
+  line-height: var(--breadcrumbs-line-height);
+  letter-spacing: var(--breadcrumbs-letter-spacing);
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.breadcrumbs__link,
+.breadcrumbs__current {
+  /* size */
+  display: inline-flex;
+  align-items: center;
+  gap: var(--margin-icon);
+
+  /* color */
+  color: inherit;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.breadcrumbs__link > *,
+.breadcrumbs__current {
+  /* color */
+  color: inherit;
+
+  /* typography */
+  text-decoration: underline;
+}
+
+.breadcrumbs__icon {
+  /* size */
+  flex-shrink: 0;
+}
+
+.breadcrumbs__label {
+  /* color */
+
+  /* typography */
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}

package/components/breadcrumbs/breadcrumbs.d.cts

@@ -0,0 +1,14 @@
+import React from 'react';
+
+type BreadcrumbsPresentation = 'backlink' | 'path';
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    renderLink?: (children: React.ReactNode) => React.ReactNode;
+}
+interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    presentation?: BreadcrumbsPresentation;
+    items: BreadcrumbItem[];
+}
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+
+export { type BreadcrumbItem, type BreadcrumbsPresentation, type BreadcrumbsProps, Breadcrumbs as default };

package/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+
+type BreadcrumbsPresentation = 'backlink' | 'path';
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    renderLink?: (children: React.ReactNode) => React.ReactNode;
+}
+interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    presentation?: BreadcrumbsPresentation;
+    items: BreadcrumbItem[];
+}
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+
+export { type BreadcrumbItem, type BreadcrumbsPresentation, type BreadcrumbsProps, Breadcrumbs as default };

package/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,48 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import './breadcrumbs.css';
+import { classnames } from '../helpers/classnames';
+import Icon from '../../icons/icon';
+
+const Breadcrumbs = ({
+  presentation = "backlink",
+  items,
+  className = "",
+  ...props
+}) => {
+  const classes = classnames("breadcrumbs", className, {
+    "breadcrumbs--backlink": presentation === "backlink",
+    "breadcrumbs--path": presentation === "path"
+  });
+  if (presentation === "path") {
+    return null;
+  }
+  const item = items[0];
+  if (!item) {
+    return null;
+  }
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: "breadcrumbs__icon",
+        name: "chevron-left",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "breadcrumbs__label", children: item.label })
+  ] });
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: classes,
+      "aria-label": "Breadcrumb",
+      ...props,
+      children: item.renderLink ? /* @__PURE__ */ jsx("span", { className: "breadcrumbs__link", children: item.renderLink(content) }) : /* @__PURE__ */ jsx("span", { className: "breadcrumbs__current", children: content })
+    }
+  );
+};
+var breadcrumbs_default = Breadcrumbs;
+
+export { breadcrumbs_default as default };
+//# sourceMappingURL=breadcrumbs.js.map
+//# sourceMappingURL=breadcrumbs.js.map

package/components/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +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;"]}

package/components/breadcrumbs/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var breadcrumbs = require('./breadcrumbs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var breadcrumbs__default = /*#__PURE__*/_interopDefault(breadcrumbs);
+
+
+
+module.exports = breadcrumbs__default.default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/components/breadcrumbs/index.cjs.map

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

package/components/breadcrumbs/index.d.cts

@@ -0,0 +1,2 @@
+export { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, default } from './breadcrumbs.cjs';
+import 'react';

package/components/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, default } from './breadcrumbs.js';
+import 'react';

package/components/breadcrumbs/index.js

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

package/components/breadcrumbs/index.js.map

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

package/components/button-icon/button-icon.d.cts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as IconName } from '../../types-DboVOY__.cjs';
+import { a as IconName } from '../../types-By9fL_Nu.cjs';
 
 interface ButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon: IconName;

package/components/button-icon/button-icon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as IconName } from '../../types-DboVOY__.js';
+import { a as IconName } from '../../types-By9fL_Nu.js';
 
 interface ButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon: IconName;

package/components/button-icon/index.d.cts

@@ -1,3 +1,3 @@
 export { ButtonIconProps, default } from './button-icon.cjs';
 import 'react';
-import '../../types-DboVOY__.cjs';
+import '../../types-By9fL_Nu.cjs';

package/components/button-icon/index.d.ts

@@ -1,3 +1,3 @@
 export { ButtonIconProps, default } from './button-icon.js';
 import 'react';
-import '../../types-DboVOY__.js';
+import '../../types-By9fL_Nu.js';

package/components/index.cjs

@@ -22,6 +22,7 @@ var attach = require('./attach/attach');
 var actionGroup = require('./action-group/action-group');
 var fieldGroup = require('./field-group/field-group');
 var cardGroup = require('./card-group/card-group');
+var breadcrumbs = require('./breadcrumbs/breadcrumbs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -47,6 +48,7 @@ var attach__default = /*#__PURE__*/_interopDefault(attach);
 var actionGroup__default = /*#__PURE__*/_interopDefault(actionGroup);
 var fieldGroup__default = /*#__PURE__*/_interopDefault(fieldGroup);
 var cardGroup__default = /*#__PURE__*/_interopDefault(cardGroup);
+var breadcrumbs__default = /*#__PURE__*/_interopDefault(breadcrumbs);
 
 
 
@@ -138,5 +140,9 @@ Object.defineProperty(exports, "CardGroup", {
   enumerable: true,
   get: function () { return cardGroup__default.default; }
 });
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return breadcrumbs__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/components/index.d.cts

@@ -20,5 +20,6 @@ export { default as Attach, AttachItem, AttachProps } from './attach/attach.cjs'
 export { default as ActionGroup, ActionGroupProps } from './action-group/action-group.cjs';
 export { default as FieldGroup, FieldGroupProps } from './field-group/field-group.cjs';
 export { default as CardGroup, CardGroupProps } from './card-group/card-group.cjs';
+export { default as Breadcrumbs, BreadcrumbsProps } from './breadcrumbs/breadcrumbs.cjs';
 import 'react';
-import '../types-DboVOY__.cjs';
+import '../types-By9fL_Nu.cjs';

package/components/index.d.ts

@@ -20,5 +20,6 @@ export { default as Attach, AttachItem, AttachProps } from './attach/attach.js';
 export { default as ActionGroup, ActionGroupProps } from './action-group/action-group.js';
 export { default as FieldGroup, FieldGroupProps } from './field-group/field-group.js';
 export { default as CardGroup, CardGroupProps } from './card-group/card-group.js';
+export { default as Breadcrumbs, BreadcrumbsProps } from './breadcrumbs/breadcrumbs.js';
 import 'react';
-import '../types-DboVOY__.js';
+import '../types-By9fL_Nu.js';

package/components/index.js

@@ -20,5 +20,6 @@ export { default as Attach } from './attach/attach';
 export { default as ActionGroup } from './action-group/action-group';
 export { default as FieldGroup } from './field-group/field-group';
 export { default as CardGroup } from './card-group/card-group';
+export { default as Breadcrumbs } from './breadcrumbs/breadcrumbs';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/components/panel/panel.css

@@ -40,6 +40,7 @@
 
   /* size */
   justify-content: flex-start;
+  padding: auto 0;
 
   /* border */
   border-radius: 0;

package/icons/assets/arrow-link.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const arrowLink: IconGlyph;

package/icons/assets/arrow-link.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const arrowLink: IconGlyph;

package/icons/assets/arrow-right.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const arrowRight: IconGlyph;

package/icons/assets/arrow-right.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const arrowRight: IconGlyph;

package/icons/assets/chevron-left.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const chevronLeft = {
+  xs: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4.5L6.5 8L10 11.5" }),
+  s: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5.5L7.5 10L12 14.5" }),
+  m: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 6.5L9 12L14.5 17.5" }),
+  l: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 9L12 16L19 23" })
+};
+
+exports.chevronLeft = chevronLeft;
+//# sourceMappingURL=chevron-left.cjs.map
+//# sourceMappingURL=chevron-left.cjs.map

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

@@ -0,0 +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,uBAAA,EAAwB,CAAA;AAAA,EACpC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAAyB,CAAA;AAAA,EACpC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0BAAA,EAA2B,CAAA;AAAA,EACtC,CAAA,kBAAGA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mBAAA,EAAoB;AACjC","file":"chevron-left.cjs","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M10 4.5L6.5 8L10 11.5\" />,\n  s: <path d=\"M12 5.5L7.5 10L12 14.5\" />,\n  m: <path d=\"M14.5 6.5L9 12L14.5 17.5\" />,\n  l: <path d=\"M19 9L12 16L19 23\" />,\n};"]}

package/icons/assets/chevron-left.d.cts

@@ -0,0 +1,6 @@
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
+import 'react';
+
+declare const chevronLeft: IconGlyph;
+
+export { chevronLeft };

package/icons/assets/chevron-left.d.ts

@@ -0,0 +1,6 @@
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
+import 'react';
+
+declare const chevronLeft: IconGlyph;
+
+export { chevronLeft };

package/icons/assets/chevron-left.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+
+const chevronLeft = {
+  xs: /* @__PURE__ */ jsx("path", { d: "M10 4.5L6.5 8L10 11.5" }),
+  s: /* @__PURE__ */ jsx("path", { d: "M12 5.5L7.5 10L12 14.5" }),
+  m: /* @__PURE__ */ jsx("path", { d: "M14.5 6.5L9 12L14.5 17.5" }),
+  l: /* @__PURE__ */ jsx("path", { d: "M19 9L12 16L19 23" })
+};
+
+export { chevronLeft };
+//# sourceMappingURL=chevron-left.js.map
+//# sourceMappingURL=chevron-left.js.map

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

@@ -0,0 +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,uBAAA,EAAwB,CAAA;AAAA,EACpC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wBAAA,EAAyB,CAAA;AAAA,EACpC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0BAAA,EAA2B,CAAA;AAAA,EACtC,CAAA,kBAAG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mBAAA,EAAoB;AACjC","file":"chevron-left.js","sourcesContent":["import type { IconGlyph } from '../types';\n\nexport const chevronLeft: IconGlyph = {\n  xs: <path d=\"M10 4.5L6.5 8L10 11.5\" />,\n  s: <path d=\"M12 5.5L7.5 10L12 14.5\" />,\n  m: <path d=\"M14.5 6.5L9 12L14.5 17.5\" />,\n  l: <path d=\"M19 9L12 16L19 23\" />,\n};"]}

package/icons/assets/chevron-right.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const chevronRight: IconGlyph;

package/icons/assets/chevron-right.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const chevronRight: IconGlyph;

package/icons/assets/fullscreen.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const fullscreen: IconGlyph;

package/icons/assets/fullscreen.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const fullscreen: IconGlyph;

package/icons/assets/pause.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const pause: IconGlyph;

package/icons/assets/pause.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const pause: IconGlyph;

package/icons/assets/play.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const play: IconGlyph;

package/icons/assets/play.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const play: IconGlyph;

package/icons/assets/settings.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const settings: IconGlyph;

package/icons/assets/settings.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const settings: IconGlyph;

package/icons/assets/sound-off.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const soundOff: IconGlyph;

package/icons/assets/sound-off.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const soundOff: IconGlyph;

package/icons/assets/sound.d.cts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.cjs';
+import { I as IconGlyph } from '../../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const sound: IconGlyph;

package/icons/assets/sound.d.ts

@@ -1,4 +1,4 @@
-import { I as IconGlyph } from '../../types-DboVOY__.js';
+import { I as IconGlyph } from '../../types-By9fL_Nu.js';
 import 'react';
 
 declare const sound: IconGlyph;

package/icons/icon.d.cts

@@ -1,4 +1,4 @@
-import { a as IconName, b as IconSize } from '../types-DboVOY__.cjs';
+import { a as IconName, b as IconSize } from '../types-By9fL_Nu.cjs';
 import React, { FC } from 'react';
 
 interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'size'> {

package/icons/icon.d.ts

@@ -1,4 +1,4 @@
-import { a as IconName, b as IconSize } from '../types-DboVOY__.js';
+import { a as IconName, b as IconSize } from '../types-By9fL_Nu.js';
 import React, { FC } from 'react';
 
 interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'size'> {

package/icons/index.d.cts

@@ -1,3 +1,3 @@
 export { default as Icon, IconProps } from './icon.cjs';
-export { a as IconName, b as IconSize } from '../types-DboVOY__.cjs';
+export { a as IconName, b as IconSize } from '../types-By9fL_Nu.cjs';
 import 'react';

package/icons/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Icon, IconProps } from './icon.js';
-export { a as IconName, b as IconSize } from '../types-DboVOY__.js';
+export { a as IconName, b as IconSize } from '../types-By9fL_Nu.js';
 import 'react';

package/icons/manifest.cjs

@@ -2,6 +2,7 @@
 
 var arrowLink = require('./assets/arrow-link');
 var arrowRight = require('./assets/arrow-right');
+var chevronLeft = require('./assets/chevron-left');
 var chevronRight = require('./assets/chevron-right');
 var fullscreen = require('./assets/fullscreen');
 var pause = require('./assets/pause');
@@ -21,6 +22,11 @@ const iconManifest = {
     category: "navigation",
     tags: ["arrow", "right", "next"]
   },
+  "chevron-left": {
+    glyph: chevronLeft.chevronLeft,
+    category: "navigation",
+    tags: ["chevron", "back", "left", "previous"]
+  },
   "chevron-right": {
     glyph: chevronRight.chevronRight,
     category: "navigation",

package/icons/manifest.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/manifest.ts"],"names":["arrowLink","arrowRight","chevronRight","fullscreen","pause","play","settings","sound","soundOff"],"mappings":";;;;;;;;;;;;AAUO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAOA,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAOC,yBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAOC,SAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.cjs","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronRight } from './assets/chevron-right';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;"]}
+{"version":3,"sources":["../../src/icons/manifest.ts"],"names":["arrowLink","arrowRight","chevronLeft","chevronRight","fullscreen","pause","play","settings","sound","soundOff"],"mappings":";;;;;;;;;;;;;AAWO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAOA,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAOC,uBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAOC,yBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAOC,qBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAOC,SAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAOC,WAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAOC,iBAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.cjs","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;"]}

package/icons/manifest.d.cts

@@ -1,2 +1,2 @@
-export { i as iconManifest } from '../types-DboVOY__.cjs';
+export { i as iconManifest } from '../types-By9fL_Nu.cjs';
 import 'react';

package/icons/manifest.d.ts

@@ -1,2 +1,2 @@
-export { i as iconManifest } from '../types-DboVOY__.js';
+export { i as iconManifest } from '../types-By9fL_Nu.js';
 import 'react';

package/icons/manifest.js

@@ -1,5 +1,6 @@
 import { arrowLink } from './assets/arrow-link';
 import { arrowRight } from './assets/arrow-right';
+import { chevronLeft } from './assets/chevron-left';
 import { chevronRight } from './assets/chevron-right';
 import { fullscreen } from './assets/fullscreen';
 import { pause } from './assets/pause';
@@ -19,6 +20,11 @@ const iconManifest = {
     category: "navigation",
     tags: ["arrow", "right", "next"]
   },
+  "chevron-left": {
+    glyph: chevronLeft,
+    category: "navigation",
+    tags: ["chevron", "back", "left", "previous"]
+  },
   "chevron-right": {
     glyph: chevronRight,
     category: "navigation",

package/icons/manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/manifest.ts"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,YAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.js","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronRight } from './assets/chevron-right';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;"]}
+{"version":3,"sources":["../../src/icons/manifest.ts"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,YAAA,GAAe;AAAA,EAC1B,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,MAAA,EAAQ,UAAU;AAAA,GACpC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,MAAM;AAAA,GACjC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,MAAA,EAAQ,QAAQ,UAAU;AAAA,GAC9C;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,YAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GACnC;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,YAAA,EAAc,QAAA,EAAU,QAAQ;AAAA,GACzC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ;AAAA,GACnC;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAQ;AAAA,GAClC;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,WAAA;AAAA,IACV,IAAA,EAAM,CAAC,UAAA,EAAY,aAAA,EAAe,UAAU;AAAA,GAC9C;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA,GACnC;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU,OAAA;AAAA,IACV,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,SAAS,MAAM;AAAA;AAE7C","file":"manifest.js","sourcesContent":["import { arrowLink } from './assets/arrow-link';\nimport { arrowRight } from './assets/arrow-right';\nimport { chevronLeft } from './assets/chevron-left';\nimport { chevronRight } from './assets/chevron-right';\nimport { fullscreen } from './assets/fullscreen';\nimport { pause } from './assets/pause';\nimport { play } from './assets/play';\nimport { settings } from './assets/settings';\nimport { sound } from './assets/sound';\nimport { soundOff } from './assets/sound-off';\n\nexport const iconManifest = {\n  'arrow-link': {\n    glyph: arrowLink,\n    category: 'navigation',\n    tags: ['arrow', 'link', 'external'],\n  },\n  'arrow-right': {\n    glyph: arrowRight,\n    category: 'navigation',\n    tags: ['arrow', 'right', 'next'],\n  },\n  'chevron-left': {\n    glyph: chevronLeft,\n    category: 'navigation',\n    tags: ['chevron', 'back', 'left', 'previous'],\n  },\n  'chevron-right': {\n    glyph: chevronRight,\n    category: 'navigation',\n    tags: ['chevron', 'right', 'next'],\n  },\n  fullscreen: {\n    glyph: fullscreen,\n    category: 'media',\n    tags: ['fullscreen', 'expand', 'player'],\n  },\n  pause: {\n    glyph: pause,\n    category: 'media',\n    tags: ['pause', 'video', 'player'],\n  },\n  play: {\n    glyph: play,\n    category: 'media',\n    tags: ['play', 'video', 'player'],\n  },\n  settings: {\n    glyph: settings,\n    category: 'interface',\n    tags: ['settings', 'preferences', 'controls'],\n  },\n  sound: {\n    glyph: sound,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio'],\n  },\n  'sound-off': {\n    glyph: soundOff,\n    category: 'media',\n    tags: ['sound', 'volume', 'audio', 'mute'],\n  },\n} as const;"]}

package/icons/public.d.cts

@@ -1,3 +1,3 @@
 export { default as Icon, IconProps } from './icon.cjs';
-export { a as IconName, b as IconSize } from '../types-DboVOY__.cjs';
+export { a as IconName, b as IconSize } from '../types-By9fL_Nu.cjs';
 import 'react';

package/icons/public.d.ts

@@ -1,3 +1,3 @@
 export { default as Icon, IconProps } from './icon.js';
-export { a as IconName, b as IconSize } from '../types-DboVOY__.js';
+export { a as IconName, b as IconSize } from '../types-By9fL_Nu.js';
 import 'react';

package/icons/registry.d.cts

@@ -1,4 +1,4 @@
-import { a as IconName, I as IconGlyph } from '../types-DboVOY__.cjs';
+import { a as IconName, I as IconGlyph } from '../types-By9fL_Nu.cjs';
 import 'react';
 
 declare const iconRegistry: Record<IconName, IconGlyph>;

package/icons/registry.d.ts

@@ -1,4 +1,4 @@
-import { a as IconName, I as IconGlyph } from '../types-DboVOY__.js';
+import { a as IconName, I as IconGlyph } from '../types-By9fL_Nu.js';
 import 'react';
 
 declare const iconRegistry: Record<IconName, IconGlyph>;

package/icons/types.d.cts

@@ -1,2 +1,2 @@
 import 'react';
-export { c as IconCategory, I as IconGlyph, d as IconGlyphSize, e as IconManifestItem, a as IconName, b as IconSize } from '../types-DboVOY__.cjs';
+export { c as IconCategory, I as IconGlyph, d as IconGlyphSize, e as IconManifestItem, a as IconName, b as IconSize } from '../types-By9fL_Nu.cjs';

package/icons/types.d.ts

@@ -1,2 +1,2 @@
 import 'react';
-export { c as IconCategory, I as IconGlyph, d as IconGlyphSize, e as IconManifestItem, a as IconName, b as IconSize } from '../types-DboVOY__.js';
+export { c as IconCategory, I as IconGlyph, d as IconGlyphSize, e as IconManifestItem, a as IconName, b as IconSize } from '../types-By9fL_Nu.js';

package/index.cjs

@@ -33,6 +33,7 @@ var modal = require('./patterns/modal');
 var foundation = require('./layouts/foundation');
 var base = require('./layouts/base');
 var sidebar = require('./layouts/sidebar');
+var breadcrumbs = require('./components/breadcrumbs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -69,6 +70,7 @@ var modal__default = /*#__PURE__*/_interopDefault(modal);
 var foundation__default = /*#__PURE__*/_interopDefault(foundation);
 var base__default = /*#__PURE__*/_interopDefault(base);
 var sidebar__default = /*#__PURE__*/_interopDefault(sidebar);
+var breadcrumbs__default = /*#__PURE__*/_interopDefault(breadcrumbs);
 
 
 
@@ -204,5 +206,9 @@ Object.defineProperty(exports, "LayoutSidebar", {
   enumerable: true,
   get: function () { return sidebar__default.default; }
 });
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return breadcrumbs__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/index.d.cts

@@ -31,5 +31,6 @@ export { default as Modal, ModalProps } from './patterns/modal/modal.cjs';
 export { default as LayoutFoundation, LayoutFoundationProps, LayoutFoundationWidth } from './layouts/foundation/foundation.cjs';
 export { default as LayoutBase, LayoutBaseProps } from './layouts/base/base.cjs';
 export { default as LayoutSidebar, LayoutSidebarProps } from './layouts/sidebar/sidebar.cjs';
+export { default as Breadcrumbs, BreadcrumbsProps } from './components/breadcrumbs/breadcrumbs.cjs';
 import 'react';
-import './types-DboVOY__.cjs';
+import './types-By9fL_Nu.cjs';

package/index.d.ts

@@ -31,5 +31,6 @@ export { default as Modal, ModalProps } from './patterns/modal/modal.js';
 export { default as LayoutFoundation, LayoutFoundationProps, LayoutFoundationWidth } from './layouts/foundation/foundation.js';
 export { default as LayoutBase, LayoutBaseProps } from './layouts/base/base.js';
 export { default as LayoutSidebar, LayoutSidebarProps } from './layouts/sidebar/sidebar.js';
+export { default as Breadcrumbs, BreadcrumbsProps } from './components/breadcrumbs/breadcrumbs.js';
 import 'react';
-import './types-DboVOY__.js';
+import './types-By9fL_Nu.js';

package/index.js

@@ -31,5 +31,6 @@ export { default as Modal } from './patterns/modal';
 export { default as LayoutFoundation } from './layouts/foundation';
 export { default as LayoutBase } from './layouts/base';
 export { default as LayoutSidebar } from './layouts/sidebar';
+export { default as Breadcrumbs } from './components/breadcrumbs';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

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

package/styles.css

@@ -240,6 +240,78 @@
   text-transform: uppercase;
 }
 
+/* src/components/breadcrumbs/breadcrumbs.css */
+.breadcrumbs {
+  /* color */
+  color: var(--color-link);
+
+  /* typography */
+  --breadcrumbs-font-family: var(--font-control-family);
+  --breadcrumbs-font-size: var(--font-control);
+  --breadcrumbs-font-weight: var(--font-control-weight);
+  --breadcrumbs-line-height: var(--font-control-line);
+  --breadcrumbs-letter-spacing: var(--font-control-letter-spacing);
+
+  font-family: var(--breadcrumbs-font-family);
+  font-size: var(--breadcrumbs-font-size);
+  font-weight: var(--breadcrumbs-font-weight);
+  line-height: var(--breadcrumbs-line-height);
+  letter-spacing: var(--breadcrumbs-letter-spacing);
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.breadcrumbs__link,
+.breadcrumbs__current {
+  /* size */
+  display: inline-flex;
+  align-items: center;
+  gap: var(--margin-icon);
+
+  /* color */
+  color: inherit;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
+.breadcrumbs__link > *,
+.breadcrumbs__current {
+  /* color */
+  color: inherit;
+
+  /* typography */
+  text-decoration: underline;
+}
+
+.breadcrumbs__icon {
+  /* size */
+  flex-shrink: 0;
+}
+
+.breadcrumbs__label {
+  /* color */
+
+  /* typography */
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
 /* src/components/button/button.css */
 .button {
   /* color */
@@ -1279,6 +1351,7 @@
 
   /* size */
   justify-content: flex-start;
+  padding: auto 0;
 
   /* border */
   border-radius: 0;

package/{types-DboVOY__.d.cts → types-By9fL_Nu.d.cts}

@@ -11,6 +11,11 @@ declare const iconManifest: {
         readonly category: "navigation";
         readonly tags: readonly ["arrow", "right", "next"];
     };
+    readonly 'chevron-left': {
+        readonly glyph: IconGlyph;
+        readonly category: "navigation";
+        readonly tags: readonly ["chevron", "back", "left", "previous"];
+    };
     readonly 'chevron-right': {
         readonly glyph: IconGlyph;
         readonly category: "navigation";

package/{types-DboVOY__.d.ts → types-By9fL_Nu.d.ts}

@@ -11,6 +11,11 @@ declare const iconManifest: {
         readonly category: "navigation";
         readonly tags: readonly ["arrow", "right", "next"];
     };
+    readonly 'chevron-left': {
+        readonly glyph: IconGlyph;
+        readonly category: "navigation";
+        readonly tags: readonly ["chevron", "back", "left", "previous"];
+    };
     readonly 'chevron-right': {
         readonly glyph: IconGlyph;
         readonly category: "navigation";