@elliemae/ds-breadcrumb 3.0.0-next.1 → 3.0.0-next.5

package/dist/cjs/DSBreadcrumb.js

@@ -0,0 +1,121 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSBreadcrumb_exports = {};
+__export(DSBreadcrumb_exports, {
+  DSBreadcrumb: () => DSBreadcrumb,
+  DSBreadcrumbWithSchema: () => DSBreadcrumbWithSchema,
+  default: () => DSBreadcrumb_default,
+  htmlElements: () => htmlElements
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_DSBreadcrumbItem = __toESM(require("./DSBreadcrumbItem"));
+var import_useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
+var import_styles = require("./styles");
+const htmlElements = ["nav", "div", "header", "footer", "main"];
+const DSBreadcrumb = (_a) => {
+  var _b = _a, {
+    containerProps = {},
+    as = "nav",
+    label = "Breadcrumb",
+    isTitle = false,
+    children,
+    trailingSlash = true
+  } = _b, rest = __objRest(_b, [
+    "containerProps",
+    "as",
+    "label",
+    "isTitle",
+    "children",
+    "trailingSlash"
+  ]);
+  const [addRef, onKeyDown] = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
+  const safeElement = (0, import_react.useMemo)(() => htmlElements.indexOf(as) > -1 ? as : "nav", [as]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, __spreadProps(__spreadValues(__spreadValues({
+    "aria-label": label,
+    "data-testid": "breadcrumb-nav-container"
+  }, rest), containerProps), {
+    as: safeElement
+  }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledList, {
+    "data-testid": "list-container"
+  }, import_react.default.Children.map(children, (child, childIndex) => childIndex < children.length - 1 ? (0, import_react.cloneElement)(child, {
+    childIndex,
+    addRef,
+    onKeyDown
+  }) : (0, import_react.cloneElement)(child, {
+    childIndex,
+    addRef,
+    onKeyDown,
+    trailingSlash,
+    isTitle
+  }))));
+};
+DSBreadcrumb.Item = import_DSBreadcrumbItem.default;
+const props = {
+  containerProps: import_react_desc.PropTypes.object.description("props injected to breadcrumb wrapper"),
+  as: import_react_desc.PropTypes.string.description("Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'"),
+  isTitle: import_react_desc.PropTypes.bool.description("Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title"),
+  label: import_react_desc.PropTypes.string.description("breadcrumb label"),
+  children: import_react_desc.PropTypes.arrayOf(import_DSBreadcrumbItem.default).isRequired.description("Container items to wrap")
+};
+DSBreadcrumb.propTypes = props;
+const DSBreadcrumbWithSchema = (0, import_react_desc.describe)(DSBreadcrumb);
+DSBreadcrumbWithSchema.propTypes = props;
+var DSBreadcrumb_default = DSBreadcrumb;
+module.exports = __toCommonJS(DSBreadcrumb_exports);
+//# sourceMappingURL=DSBreadcrumb.js.map

package/dist/cjs/DSBreadcrumb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSBreadcrumb.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { cloneElement, useMemo } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSBreadcrumbItem from './DSBreadcrumbItem';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation';\nimport type { DSBreadcrumbPropsT } from './index.d';\nimport { StyledContainer, StyledList } from './styles';\n\nconst htmlElements = ['nav', 'div', 'header', 'footer', 'main'] as const;\n\nconst DSBreadcrumb = ({\n  containerProps = {},\n  as = 'nav',\n  label = 'Breadcrumb',\n  isTitle = false,\n  children,\n  trailingSlash = true,\n  ...rest\n}: DSBreadcrumbPropsT): React.ReactElement => {\n  const [addRef, onKeyDown] = useKeyboardNavigation();\n\n  const safeElement = useMemo(\n    () => (htmlElements.indexOf(as) > -1 ? as : 'nav'),\n    [as],\n  );\n\n  return (\n    <StyledContainer\n      aria-label={label}\n      data-testid=\"breadcrumb-nav-container\"\n      {...rest}\n      {...containerProps}\n      as={safeElement}\n    >\n      <StyledList data-testid=\"list-container\">\n        {React.Children.map(children, (child: React.ReactElement, childIndex) =>\n          childIndex < children.length - 1\n            ? cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n              })\n            : cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n                trailingSlash,\n                isTitle,\n              }),\n        )}\n      </StyledList>\n    </StyledContainer>\n  );\n};\n\nDSBreadcrumb.Item = DSBreadcrumbItem;\n\nconst props = {\n  /** props injected to breadcrumb wrapper */\n  containerProps: PropTypes.object.description(\n    'props injected to breadcrumb wrapper',\n  ),\n  /**\n   * Type of element you want the main container to be:\n   * 'nav', 'div', 'header', 'footer', 'main'\n   */\n  as: PropTypes.string.description(\n    \"Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'\",\n  ),\n  /**\n   * Whether to show the last element of the breadcrumb as a title\n   * Also removes trailing slash to show last element as title\n   */\n  isTitle: PropTypes.bool.description(\n    'Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title',\n  ),\n  /** breadcrumb label */\n  label: PropTypes.string.description('breadcrumb label'),\n  /**\n   * Container items to wrap\n   */\n  children: PropTypes.arrayOf(DSBreadcrumbItem).isRequired.description(\n    'Container items to wrap',\n  ),\n};\n\nDSBreadcrumb.propTypes = props;\n\nconst DSBreadcrumbWithSchema = describe(DSBreadcrumb);\nDSBreadcrumbWithSchema.propTypes = props;\n\nexport { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };\nexport default DSBreadcrumb;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,wBAAoC;AACpC,8BAA6B;AAC7B,mCAAsC;AAEtC,oBAA4C;AAE5C,MAAM,eAAe,CAAC,OAAO,OAAO,UAAU,UAAU;AAExD,MAAM,eAAe,CAAC,OAQwB;AARxB,eACpB;AAAA,qBAAiB;AAAA,IACjB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,MANI,IAOjB,iBAPiB,IAOjB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,QAAQ,aAAa;AAE5B,QAAM,cAAc,0BAClB,MAAO,aAAa,QAAQ,MAAM,KAAK,KAAK,OAC5C,CAAC;AAGH,SACE,mDAAC,+BAAD;AAAA,IACE,cAAY;AAAA,IACZ,eAAY;AAAA,KACR,OACA,iBAJN;AAAA,IAKE,IAAI;AAAA,MAEJ,mDAAC,0BAAD;AAAA,IAAY,eAAY;AAAA,KACrB,qBAAM,SAAS,IAAI,UAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,IAC3B,+BAAa,OAAO;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,OAEF,+BAAa,OAAO;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAQhB,aAAa,OAAO;AAEpB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAMF,IAAI,4BAAU,OAAO,YACnB;AAAA,EAMF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAGF,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,4BAAU,QAAQ,iCAAkB,WAAW,YACvD;AAAA;AAIJ,aAAa,YAAY;AAEzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/DSBreadcrumbItem.js

@@ -0,0 +1,123 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSBreadcrumbItem_exports = {};
+__export(DSBreadcrumbItem_exports, {
+  DSBreadcrumbItem: () => DSBreadcrumbItem,
+  DSBreadcrumbItemWithSchema: () => DSBreadcrumbItemWithSchema,
+  default: () => DSBreadcrumbItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_styles = require("./styles");
+function DSBreadcrumbItem(_a) {
+  var _b = _a, {
+    active = false,
+    as = "a",
+    href = void 0,
+    isTitle,
+    onClick = () => null,
+    label = "",
+    color = null,
+    addRef,
+    childIndex,
+    trailingSlash,
+    onKeyDown = () => null
+  } = _b, rest = __objRest(_b, [
+    "active",
+    "as",
+    "href",
+    "isTitle",
+    "onClick",
+    "label",
+    "color",
+    "addRef",
+    "childIndex",
+    "trailingSlash",
+    "onKeyDown"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCrumbWrapper, __spreadValues({
+    "aria-current": active ? "page" : void 0,
+    "data-testid": "breadcrumb-item-container",
+    isTitle,
+    trailingSlash
+  }, rest), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLink, {
+    as,
+    href,
+    onClick,
+    ref: addRef,
+    tabIndex: 0,
+    isActive: active,
+    onKeyDown: (e) => onKeyDown(e, childIndex, onClick),
+    isTitle,
+    color
+  }, label));
+}
+const props = {
+  containerComponent: import_react_desc.PropTypes.string.description("inject props to wrapper"),
+  as: import_react_desc.PropTypes.string.description("render as any html node"),
+  active: import_react_desc.PropTypes.bool.description("active item"),
+  href: import_react_desc.PropTypes.string.description("href link"),
+  onClick: import_react_desc.PropTypes.func.description("on click handler"),
+  isTitle: import_react_desc.PropTypes.bool.description("style item as title"),
+  trailingSlash: import_react_desc.PropTypes.bool.description("add trailing slash"),
+  label: import_react_desc.PropTypes.string.description("item label"),
+  color: import_react_desc.PropTypes.string.description("link color")
+};
+DSBreadcrumbItem.propTypes = props;
+const DSBreadcrumbItemWithSchema = (0, import_react_desc.describe)(DSBreadcrumbItem);
+DSBreadcrumbItemWithSchema.propTypes = props;
+var DSBreadcrumbItem_default = DSBreadcrumbItem;
+module.exports = __toCommonJS(DSBreadcrumbItem_exports);
+//# sourceMappingURL=DSBreadcrumbItem.js.map

package/dist/cjs/DSBreadcrumbItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSBreadcrumbItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport type { DSBreadcrumbItemPropsT } from './index.d';\nimport { StyledLink, StyledCrumbWrapper } from './styles';\n\nfunction DSBreadcrumbItem({\n  active = false,\n  as = 'a',\n  href = undefined,\n  isTitle,\n  onClick = () => null,\n  label = '',\n  color = null,\n  addRef,\n  childIndex,\n  trailingSlash,\n  onKeyDown = () => null,\n  ...rest\n}: DSBreadcrumbItemPropsT): React.ReactElement {\n  return (\n    <StyledCrumbWrapper\n      aria-current={active ? 'page' : undefined}\n      data-testid=\"breadcrumb-item-container\"\n      isTitle={isTitle}\n      trailingSlash={trailingSlash}\n      {...rest}\n    >\n      <StyledLink\n        as={as}\n        href={href}\n        onClick={onClick}\n        ref={addRef}\n        tabIndex={0}\n        isActive={active}\n        onKeyDown={(e: React.KeyboardEvent) =>\n          onKeyDown(e, childIndex, onClick)\n        }\n        isTitle={isTitle}\n        color={color}\n      >\n        {label}\n      </StyledLink>\n    </StyledCrumbWrapper>\n  );\n}\n\nconst props = {\n  /** inject props to wrapper */\n  containerComponent: PropTypes.string.description('inject props to wrapper'),\n  /** render as any html node */\n  as: PropTypes.string.description('render as any html node'),\n  /** active item */\n  active: PropTypes.bool.description('active item'),\n  /** href link */\n  href: PropTypes.string.description('href link'),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** style item as title */\n  isTitle: PropTypes.bool.description('style item as title'),\n  /** add trailing slash */\n  trailingSlash: PropTypes.bool.description('add trailing slash'),\n  /** item label */\n  label: PropTypes.string.description('item label'),\n  /** link color */\n  color: PropTypes.string.description('link color'),\n};\n\nDSBreadcrumbItem.propTypes = props;\n\nconst DSBreadcrumbItemWithSchema = describe(DSBreadcrumbItem);\nDSBreadcrumbItemWithSchema.propTypes = props;\n\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };\nexport default DSBreadcrumbItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,oBAA+C;AAE/C,0BAA0B,IAaqB;AAbrB,eACxB;AAAA,aAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,MAAM;AAAA,MAXM,IAYrB,iBAZqB,IAYrB;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,mDAAC,kCAAD;AAAA,IACE,gBAAc,SAAS,SAAS;AAAA,IAChC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,KACI,OAEJ,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,CAAC,MACV,UAAU,GAAG,YAAY;AAAA,IAE3B;AAAA,IACA;AAAA,KAEC;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,oBAAoB,4BAAU,OAAO,YAAY;AAAA,EAEjD,IAAI,4BAAU,OAAO,YAAY;AAAA,EAEjC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,eAAe,4BAAU,KAAK,YAAY;AAAA,EAE1C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,iBAAiB,YAAY;AAE7B,MAAM,6BAA6B,gCAAS;AAC5C,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/cjs/hooks/useKeyboardNavigation.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useKeyboardNavigation_exports = {};
+__export(useKeyboardNavigation_exports, {
+  useKeyboardNavigation: () => useKeyboardNavigation
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useKeyboardNavigation = () => {
+  const componentsRef = (0, import_react.useRef)([]);
+  const addRef = (0, import_react.useCallback)((ref) => {
+    if (ref && !componentsRef.current.includes(ref)) {
+      componentsRef.current.push(ref);
+    }
+  }, []);
+  const onKeyDown = (0, import_react.useCallback)((e, componentRefIndex, callback) => {
+    if (e.key === "ArrowDown" && componentsRef.current[componentRefIndex + 1]) {
+      componentsRef.current[componentRefIndex + 1].focus();
+      e.preventDefault();
+    } else if (e.key === "ArrowUp" && componentRefIndex !== 0) {
+      componentsRef.current[componentRefIndex - 1].focus();
+      e.preventDefault();
+    } else if (e.key === "Enter") {
+      callback();
+    } else if (e.ctrlKey && e.altKey && e.key === " ") {
+      componentsRef.current[componentRefIndex].click();
+    }
+  }, []);
+  return [addRef, onKeyDown];
+};
+module.exports = __toCommonJS(useKeyboardNavigation_exports);
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/cjs/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useKeyboardNavigation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef, useCallback } from 'react';\n\nexport const useKeyboardNavigation = () => {\n  const componentsRef = useRef<HTMLAnchorElement[]>([]);\n\n  const addRef = useCallback((ref: HTMLAnchorElement) => {\n    if (ref && !componentsRef.current.includes(ref)) {\n      componentsRef.current.push(ref);\n    }\n  }, []);\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent, componentRefIndex, callback) => {\n      if (\n        e.key === 'ArrowDown' &&\n        componentsRef.current[componentRefIndex + 1]\n      ) {\n        componentsRef.current[componentRefIndex + 1].focus();\n        e.preventDefault();\n      } else if (e.key === 'ArrowUp' && componentRefIndex !== 0) {\n        componentsRef.current[componentRefIndex - 1].focus();\n        e.preventDefault();\n      } else if (e.key === 'Enter') {\n        callback();\n      } else if (e.ctrlKey && e.altKey && e.key === ' ') {\n        componentsRef.current[componentRefIndex].click();\n      }\n    },\n    [],\n  );\n\n  return [addRef, onKeyDown];\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAEpC,MAAM,wBAAwB,MAAM;AACzC,QAAM,gBAAgB,yBAA4B;AAElD,QAAM,SAAS,8BAAY,CAAC,QAA2B;AACrD,QAAI,OAAO,CAAC,cAAc,QAAQ,SAAS,MAAM;AAC/C,oBAAc,QAAQ,KAAK;AAAA;AAAA,KAE5B;AAEH,QAAM,YAAY,8BAChB,CAAC,GAAwB,mBAAmB,aAAa;AACvD,QACE,EAAE,QAAQ,eACV,cAAc,QAAQ,oBAAoB,IAC1C;AACA,oBAAc,QAAQ,oBAAoB,GAAG;AAC7C,QAAE;AAAA,eACO,EAAE,QAAQ,aAAa,sBAAsB,GAAG;AACzD,oBAAc,QAAQ,oBAAoB,GAAG;AAC7C,QAAE;AAAA,eACO,EAAE,QAAQ,SAAS;AAC5B;AAAA,eACS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,KAAK;AACjD,oBAAc,QAAQ,mBAAmB;AAAA;AAAA,KAG7C;AAGF,SAAO,CAAC,QAAQ;AAAA;",
+  "names": []
+}

package/dist/cjs/index.d.js

@@ -0,0 +1,27 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { htmlElements } from './DSBreadcrumb';\n\ntype SafeComponentsT = typeof htmlElements[number];\n\ntype SafeItemComponentT = 'a' | 'button' | 'div' | 'span' | 'p';\n\ninterface DSBreadcrumbPropsT {\n  containerProps?: unknown;\n  as?: SafeComponentsT;\n  label?: string;\n  isTitle?: boolean;\n  trailingSlash?: boolean;\n  children: React.ReactElement[];\n}\n\ninterface DSBreadcrumbItemPropsT {\n  active?: boolean;\n  isActive?: boolean;\n  as?: SafeItemComponentT;\n  href?: string;\n  isTitle?: boolean;\n  trailingSlash?: boolean;\n  addRef: (ref: HTMLElement) => void;\n  onKeyDown: (\n    e: React.KeyboardEvent,\n    componentRefIndex: number,\n    onClick: () => void,\n  ) => void;\n  onClick?: () => void;\n  label?: string;\n  childIndex: number;\n  color?: string | null;\n}\n\nexport {\n  DSBreadcrumbPropsT,\n  DSBreadcrumbItemPropsT,\n  SafeComponentsT,\n  SafeItemComponentT,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSBreadcrumb.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSBreadcrumb"));
+__reExport(src_exports, require("./DSBreadcrumbItem"));
+var import_DSBreadcrumb = __toESM(require("./DSBreadcrumb"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSBreadcrumb';\nexport * from './DSBreadcrumbItem';\nexport { default } from './DSBreadcrumb';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,0BAAwB;",
+  "names": []
+}

package/dist/cjs/styles.js

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledContainer: () => StyledContainer,
+  StyledCrumbWrapper: () => StyledCrumbWrapper,
+  StyledLink: () => StyledLink,
+  StyledList: () => StyledList
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const handleColor = (theme, isActive, color, isTitle) => {
+  if (isActive)
+    return theme.colors.neutral[800];
+  else if (color)
+    return color;
+  else if (isTitle)
+    return theme.colors.neutral[700];
+  else
+    return theme.colors.brand[600];
+};
+const StyledList = import_styled_components.default.ol`
+  width: 100%;
+  list-style: none;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  li:first-child * {
+    margin-left: 0;
+  }
+`;
+const StyledCrumbWrapper = import_styled_components.default.li`
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 20;
+  transition: flex-shrink 0.1s cubic-bezier(0.64, 0, 0.35, 1);
+  height: 16px;
+  min-width: 10px;
+  &:hover {
+    flex-shrink: 0;
+  }
+  ${({ theme, isTitle, trailingSlash }) => isTitle || !trailingSlash ? `&:not(:last-child):after {
+    display: inline-block;
+    content: '/';
+    color: ${theme.colors.neutral[700]};
+  }
+  ` : `&:after {
+    display: inline-block;
+    content: '/';
+    color: ${theme.colors.neutral[700]};
+  }
+  `}
+`;
+const StyledContainer = import_styled_components.default.nav`
+  display: flex;
+  align-items: center;
+  padding: 0;
+`;
+const StyledLink = import_styled_components.default.a`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-decoration: none;
+  font-size: 12px;
+  outline: none;
+  margin: 0 2px;
+  border: 2px solid transparent;
+  -webkit-text-stroke: 0.4px transparent;
+  font-weight: ${({ theme }) => theme.fontWeights.regular};
+  color: ${({ theme, isActive, color, isTitle }) => handleColor(theme, isActive, color, isTitle)};
+  &:hover {
+    color: ${({ theme, color }) => color ? color : theme.colors.brand[800]};
+    cursor: pointer;
+    ${({ theme, color }) => `-webkit-text-stroke: 0.4px ${color ? color : theme.colors.brand[800]}`};
+  }
+  &:focus {
+    ${({ theme }) => `border: 2px solid ${theme.colors.brand[700]};`}
+    border-radius: 2px;
+  }
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { Theme } from '@elliemae/pui-theme';\nimport styled from 'styled-components';\nimport type { DSBreadcrumbItemPropsT } from './index.d';\n\nconst handleColor = (theme: Theme, isActive: boolean, color: string, isTitle: boolean): string => {\n  if (isActive) return theme.colors.neutral[800];\n  else if (color) return color;\n  else if (isTitle) return theme.colors.neutral[700];\n  else return theme.colors.brand[600];\n};\n\nconst StyledList = styled.ol`\n  width: 100%;\n  list-style: none;\n  display: flex;\n  padding: 0;\n  margin: 0;\n  li:first-child * {\n    margin-left: 0;\n  }\n`;\n\nconst StyledCrumbWrapper = styled.li<Partial<DSBreadcrumbItemPropsT>>`\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 20;\n  transition: flex-shrink 0.1s cubic-bezier(0.64, 0, 0.35, 1);\n  height: 16px;\n  min-width: 10px;\n  &:hover {\n    flex-shrink: 0;\n  }\n  ${({ theme, isTitle, trailingSlash }) =>\n    isTitle || !trailingSlash\n      ? `&:not(:last-child):after {\n    display: inline-block;\n    content: '/';\n    color: ${theme.colors.neutral[700]};\n  }\n  `\n      : `&:after {\n    display: inline-block;\n    content: '/';\n    color: ${theme.colors.neutral[700]};\n  }\n  `}\n`;\n\nconst StyledContainer = styled.nav`\n  display: flex;\n  align-items: center;\n  padding: 0;\n`;\n\nconst StyledLink = styled.a<Partial<DSBreadcrumbItemPropsT>>`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-decoration: none;\n  font-size: 12px;\n  outline: none;\n  margin: 0 2px;\n  border: 2px solid transparent;\n  -webkit-text-stroke: 0.4px transparent;\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme, isActive, color, isTitle }) => handleColor(theme, isActive, color, isTitle)};\n  &:hover {\n    color: ${({ theme, color }) => (color ? color : theme.colors.brand[800])};\n    cursor: pointer;\n    ${({ theme, color }) => `-webkit-text-stroke: 0.4px ${color ? color : theme.colors.brand[800]}`};\n  }\n  &:focus {\n    ${({ theme }) => `border: 2px solid ${theme.colors.brand[700]};`}\n    border-radius: 2px;\n  }\n`;\n\nexport { StyledList, StyledCrumbWrapper, StyledContainer, StyledLink };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AAGnB,MAAM,cAAc,CAAC,OAAc,UAAmB,OAAe,YAA6B;AAChG,MAAI;AAAU,WAAO,MAAM,OAAO,QAAQ;AAAA,WACjC;AAAO,WAAO;AAAA,WACd;AAAS,WAAO,MAAM,OAAO,QAAQ;AAAA;AACzC,WAAO,MAAM,OAAO,MAAM;AAAA;AAGjC,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1B,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAU9B,CAAC,EAAE,OAAO,SAAS,oBACnB,WAAW,CAAC,gBACR;AAAA;AAAA;AAAA,aAGK,MAAM,OAAO,QAAQ;AAAA;AAAA,MAG1B;AAAA;AAAA;AAAA,aAGK,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKlC,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM/B,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAUT,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,OAAO,UAAU,OAAO,cAAc,YAAY,OAAO,UAAU,OAAO;AAAA;AAAA,aAE3E,CAAC,EAAE,OAAO,YAAa,QAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA;AAAA,MAEjE,CAAC,EAAE,OAAO,YAAY,8BAA8B,QAAQ,QAAQ,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,MAGvF,CAAC,EAAE,YAAY,qBAAqB,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSBreadcrumb.js

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { cloneElement, useMemo } from "react";
+import { PropTypes, describe } from "react-desc";
+import DSBreadcrumbItem from "./DSBreadcrumbItem";
+import { useKeyboardNavigation } from "./hooks/useKeyboardNavigation";
+import { StyledContainer, StyledList } from "./styles";
+const htmlElements = ["nav", "div", "header", "footer", "main"];
+const DSBreadcrumb = (_a) => {
+  var _b = _a, {
+    containerProps = {},
+    as = "nav",
+    label = "Breadcrumb",
+    isTitle = false,
+    children,
+    trailingSlash = true
+  } = _b, rest = __objRest(_b, [
+    "containerProps",
+    "as",
+    "label",
+    "isTitle",
+    "children",
+    "trailingSlash"
+  ]);
+  const [addRef, onKeyDown] = useKeyboardNavigation();
+  const safeElement = useMemo(() => htmlElements.indexOf(as) > -1 ? as : "nav", [as]);
+  return /* @__PURE__ */ React2.createElement(StyledContainer, __spreadProps(__spreadValues(__spreadValues({
+    "aria-label": label,
+    "data-testid": "breadcrumb-nav-container"
+  }, rest), containerProps), {
+    as: safeElement
+  }), /* @__PURE__ */ React2.createElement(StyledList, {
+    "data-testid": "list-container"
+  }, React2.Children.map(children, (child, childIndex) => childIndex < children.length - 1 ? cloneElement(child, {
+    childIndex,
+    addRef,
+    onKeyDown
+  }) : cloneElement(child, {
+    childIndex,
+    addRef,
+    onKeyDown,
+    trailingSlash,
+    isTitle
+  }))));
+};
+DSBreadcrumb.Item = DSBreadcrumbItem;
+const props = {
+  containerProps: PropTypes.object.description("props injected to breadcrumb wrapper"),
+  as: PropTypes.string.description("Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'"),
+  isTitle: PropTypes.bool.description("Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title"),
+  label: PropTypes.string.description("breadcrumb label"),
+  children: PropTypes.arrayOf(DSBreadcrumbItem).isRequired.description("Container items to wrap")
+};
+DSBreadcrumb.propTypes = props;
+const DSBreadcrumbWithSchema = describe(DSBreadcrumb);
+DSBreadcrumbWithSchema.propTypes = props;
+var DSBreadcrumb_default = DSBreadcrumb;
+export {
+  DSBreadcrumb,
+  DSBreadcrumbWithSchema,
+  DSBreadcrumb_default as default,
+  htmlElements
+};
+//# sourceMappingURL=DSBreadcrumb.js.map