@veracity/vui 1.7.0 → 1.8.0-beta.0

package/dist/cjs/accordion/accordion.types.d.ts

@@ -2,10 +2,10 @@ import { ReactNode } from 'react';
 import { ListItemProps } from '../list';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type Orientation = 'vertical' | 'horizontal';
+export declare type AccordionOrientation = 'vertical' | 'horizontal';
 export declare type AccordionProps = SystemProps & ThemingProps<'Accordion'> & {
-    /** Items orientation @default 'vertical' */
-    orientation?: Orientation;
+    /** Items AccordionOrientation @default 'vertical' */
+    orientation?: AccordionOrientation;
     /** Hover color for the item title @default "blue.10" */
     itemTitleHoverBg?: string;
     items?: AccordionItemProps[];
@@ -24,6 +24,8 @@ export declare type AccordionItemProps = ListItemProps & {
     children?: ReactNode;
     /** Alternative way to provide content */
     content?: ReactNode;
+    /** Control the padding of the content */
+    contentPx?: string | number;
     /** Collapsed state */
     collapsed?: boolean;
     /** Hover color for the item title @default "blue.10" */
@@ -35,6 +37,6 @@ export declare type AccordionItemProps = ListItemProps & {
 };
 export declare type AccordionItemArrowProps = {
     collapsed?: boolean;
-    orientation?: Orientation;
+    orientation?: AccordionOrientation;
 };
 //# sourceMappingURL=accordion.types.d.ts.map

package/dist/cjs/accordion/accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAA;AAEnD,oBAAY,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAEH,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,kBAAkB,GAAG,aAAa,GAAG;IAC/C,gBAAgB;IAChB,EAAE,EAAE,eAAe,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE5D,oBAAY,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAEH,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,kBAAkB,GAAG,aAAa,GAAG;IAC/C,gBAAgB;IAChB,EAAE,EAAE,eAAe,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA"}

package/dist/cjs/accordion/accordionItemHorizontal.d.ts

@@ -1,5 +1,5 @@
 import { AccordionItemProps } from './accordion.types';
-/** An accordion item (horizontal orientation). */
+/** An accordion item (horizontal AccordionOrientation). */
 export declare const AccordionItemHorizontal: (props: AccordionItemProps) => JSX.Element;
 export default AccordionItemHorizontal;
 //# sourceMappingURL=accordionItemHorizontal.d.ts.map

package/dist/cjs/accordion/accordionItemHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemHorizontal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,UAAW,kBAAkB,gBAmFhE,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"accordionItemHorizontal.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItemHorizontal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,2DAA2D;AAC3D,eAAO,MAAM,uBAAuB,UAAW,kBAAkB,gBAsFhE,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/cjs/accordion/accordionItemHorizontal.js

@@ -44,9 +44,9 @@ const core_1 = require("../core");
 const utils_1 = require("../utils");
 const accordionItemArrow_1 = __importDefault(require("./accordionItemArrow"));
 const context_1 = require("./context");
-/** An accordion item (horizontal orientation). */
+/** An accordion item (horizontal AccordionOrientation). */
 const AccordionItemHorizontal = (props) => {
-    const _a = (0, core_1.omitThemingProps)(props), { className, children, collapsed, content, disabled, id, itemTitleHoverBg = 'blue.10', title, onToggle } = _a, rest = __rest(_a, ["className", "children", "collapsed", "content", "disabled", "id", "itemTitleHoverBg", "title", "onToggle"]);
+    const _a = (0, core_1.omitThemingProps)(props), { className, children, collapsed, content, disabled, id, contentPx, itemTitleHoverBg = 'blue.10', title, onToggle } = _a, rest = __rest(_a, ["className", "children", "collapsed", "content", "disabled", "id", "contentPx", "itemTitleHoverBg", "title", "onToggle"]);
     const [collapsedInternal, setIsCollapsedInternal] = (0, react_1.useState)(false);
     const styles = (0, core_1.useStyleConfig)('Accordion', (0, context_1.useAccordionContext)());
     (0, react_1.useEffect)(() => {
@@ -60,11 +60,12 @@ const AccordionItemHorizontal = (props) => {
     };
     const cursor = disabled ? 'not-allowed' : 'pointer';
     const fontWeight = typeof title === 'string' ? '500' : 'inherit';
+    const expandedContentPx = contentPx ? contentPx : styles.item.pt;
     return (react_1.default.createElement(box_1.default, Object.assign({ alignItems: collapsedInternal ? 'normal' : 'baseline', bg: disabled ? 'disabled.bg' : undefined, borderRight: "1px solid grey.40", className: (0, utils_1.cs)('vui-accordion-item-horizontal', className), color: disabled ? 'disabled.color' : undefined, column: true, cursor: disabled ? 'not-allowed' : undefined, id: `${id}`, maxW: collapsedInternal ? styles.item.minH : 'auto', minW: styles.item.minH, p: 0, transitionDuration: "0ms", userSelect: disabled ? 'none' : undefined }, rest),
         react_1.default.createElement(box_1.default, Object.assign({}, styles.item, { cursor: cursor, hoverBg: itemTitleHoverBg, justifyContent: "space-between", minH: styles.item.minH, onClick: toggle, p: styles.item.pt, w: "100%" }),
             !collapsedInternal && react_1.default.createElement(box_1.default, { fontWeight: fontWeight }, title),
             react_1.default.createElement(accordionItemArrow_1.default, { collapsed: collapsedInternal, orientation: "horizontal" })),
-        !collapsedInternal ? (react_1.default.createElement(box_1.default, { p: styles.item.pt, pt: 0, transitionDuration: "0ms" }, children !== null && children !== void 0 ? children : content)) : (react_1.default.createElement(box_1.default, { cursor: cursor, flexDirection: "row-reverse", fontWeight: fontWeight, mb: styles.item.minH, mt: styles.item.pt, onClick: toggle, transform: "rotate(-90deg)", transitionDuration: "0ms", whiteSpace: "nowrap" }, title))));
+        !collapsedInternal ? (react_1.default.createElement(box_1.default, { p: styles.item.pt, pt: 0, px: expandedContentPx, transitionDuration: "0ms", w: 1 }, children !== null && children !== void 0 ? children : content)) : (react_1.default.createElement(box_1.default, { cursor: cursor, flexDirection: "row-reverse", fontWeight: fontWeight, mb: styles.item.minH, mt: styles.item.pt, onClick: toggle, transform: "rotate(-90deg)", transitionDuration: "0ms", whiteSpace: "nowrap" }, title))));
 };
 exports.AccordionItemHorizontal = AccordionItemHorizontal;
 exports.default = exports.AccordionItemHorizontal;

package/dist/cjs/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,10 @@
+import { VuiComponent } from '../core';
+import { BreadcrumbsProps } from './breadcrumbs.types';
+import BreadcrumbsItem from './breadcrumbsItem';
+export declare const BreadcrumbsBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** [Beta] Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
+export declare const Breadcrumbs: VuiComponent<"div", BreadcrumbsProps> & {
+    Item: typeof BreadcrumbsItem;
+};
+export default Breadcrumbs;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/cjs/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAwB,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAI/C,eAAO,MAAM,eAAe,+HAI3B,CAAA;AAED,qLAAqL;AACrL,eAAO,MAAM,WAAW;UA4BhB,sBAAsB;CAC7B,CAAA;AAID,eAAe,WAAW,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = exports.BreadcrumbsBase = void 0;
+const react_1 = __importStar(require("react"));
+const core_1 = require("../core");
+const utils_1 = require("../utils");
+const breadcrumbsItem_1 = __importDefault(require("./breadcrumbsItem"));
+const breadcrumbsSeparator_1 = __importDefault(require("./breadcrumbsSeparator"));
+const context_1 = require("./context");
+exports.BreadcrumbsBase = core_1.styled.divBox `
+  display: flex;
+  min-width: 0;
+  transition-duration: normal;
+`;
+/** [Beta] Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
+exports.Breadcrumbs = (0, core_1.vui)((props, ref) => {
+    var _a;
+    const { children, className, items, size } = props, rest = __rest(props, ["children", "className", "items", "size"]);
+    const styles = (0, core_1.useStyleConfig)('Breadcrumbs', props);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size }), [size]);
+    const aliasedProps = (0, utils_1.filterUndefined)({});
+    const arrayChildren = react_1.Children.toArray(children);
+    return (react_1.default.createElement(context_1.BreadcrumbsProvider, { value: context },
+        react_1.default.createElement(exports.BreadcrumbsBase, Object.assign({ className: (0, utils_1.cs)('vui-breadcrumbs', className), ref: ref }, styles, aliasedProps, rest), items
+            ? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
+                react_1.default.createElement(breadcrumbsItem_1.default, Object.assign({ key: key }, item)),
+                key !== items.length - 1 && react_1.default.createElement(breadcrumbsSeparator_1.default, null))))
+            : react_1.Children.map(arrayChildren, (child, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
+                child,
+                key !== arrayChildren.length - 1 && react_1.default.createElement(breadcrumbsSeparator_1.default, null)))))));
+});
+exports.Breadcrumbs.Item = breadcrumbsItem_1.default;
+exports.default = exports.Breadcrumbs;

package/dist/cjs/breadcrumbs/breadcrumbs.types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '../box';
+import { IconProp } from '../icon';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export declare type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'> & {
+    /** Collection of items */
+    items?: BreadcrumbsItemProps[];
+};
+export declare type BreadcrumbsItemProps = BoxProps & {
+    /** Custom class name */
+    className?: string;
+    /** Content */
+    children?: ReactNode;
+    /** Alternative way to provide content */
+    content?: ReactNode;
+    /** Icon */
+    icon?: IconProp;
+    /** Path */
+    path?: string;
+};
+export declare type BreadcrumbsSeparatorProps = BoxProps & {
+    /** Custom class name */
+    className?: string;
+    /** Content */
+    children?: ReactNode;
+    /** Alternative way to provide content */
+    content?: ReactNode;
+};
+//# sourceMappingURL=breadcrumbs.types.d.ts.map

package/dist/cjs/breadcrumbs/breadcrumbs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,gBAAgB,GAAG,WAAW,GACxC,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;CAC/B,CAAA;AAEH,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,oBAAY,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbs.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/breadcrumbs/breadcrumbsItem.d.ts

@@ -0,0 +1,5 @@
+import { BreadcrumbsItemProps } from './breadcrumbs.types';
+/** A Breadcrumbs item. */
+export declare const BreadcrumbsItem: (props: BreadcrumbsItemProps) => JSX.Element;
+export default BreadcrumbsItem;
+//# sourceMappingURL=breadcrumbsItem.d.ts.map

package/dist/cjs/breadcrumbs/breadcrumbsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,0BAA0B;AAC1B,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAuB1D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbsItem.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsItem = void 0;
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const box_1 = require("../box");
+const core_1 = require("../core");
+const icon_1 = require("../icon");
+const link_1 = require("../link");
+const utils_1 = require("../utils");
+const context_1 = require("./context");
+/** A Breadcrumbs item. */
+const BreadcrumbsItem = (props) => {
+    const _a = (0, core_1.omitThemingProps)(props), { className, children, content, icon, path } = _a, rest = __rest(_a, ["className", "children", "content", "icon", "path"]);
+    const styles = (0, core_1.useStyleConfig)('Breadcrumbs', (0, context_1.useBreadcrumbsContext)());
+    const innerContent = (react_1.default.createElement(react_1.default.Fragment, null,
+        !!icon && react_1.default.createElement(icon_1.Icon, { name: icon, size: "sm" }),
+        content || children));
+    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-item', className), p: 0 }, rest, styles.item), path ? (react_1.default.createElement(link_1.Link, { as: react_router_dom_1.Link, to: path }, innerContent)) : (innerContent)));
+};
+exports.BreadcrumbsItem = BreadcrumbsItem;
+exports.default = exports.BreadcrumbsItem;

package/dist/cjs/breadcrumbs/breadcrumbsSeparator.d.ts

@@ -0,0 +1,5 @@
+import { BreadcrumbsSeparatorProps } from './breadcrumbs.types';
+/** Breadcrumbs separator. */
+export declare const BreadcrumbsSeparator: ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => JSX.Element;
+export default BreadcrumbsSeparator;
+//# sourceMappingURL=breadcrumbsSeparator.d.ts.map

package/dist/cjs/breadcrumbs/breadcrumbsSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbsSeparator.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,8CAA+C,yBAAyB,gBAIxG,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbsSeparator.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsSeparator = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = require("../box");
+const icon_1 = require("../icon");
+const utils_1 = require("../utils");
+/** Breadcrumbs separator. */
+const BreadcrumbsSeparator = (_a) => {
+    var { className, children, content } = _a, rest = __rest(_a, ["className", "children", "content"]);
+    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-separator', className), p: 0 }, rest), content || children || react_1.default.createElement(icon_1.Icon, { name: "falAngleRight" })));
+};
+exports.BreadcrumbsSeparator = BreadcrumbsSeparator;
+exports.default = exports.BreadcrumbsSeparator;

package/dist/cjs/breadcrumbs/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Dict } from '../utils';
+declare const BreadcrumbsProvider: import("react").Provider<Dict<any>>, useBreadcrumbsContext: () => Dict<any>;
+export { BreadcrumbsProvider, useBreadcrumbsContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/breadcrumbs/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,mBAAmB,uCAAE,qBAAqB,iBAA6C,CAAA;AAE9F,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/cjs/breadcrumbs/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreadcrumbsContext = exports.BreadcrumbsProvider = void 0;
+const utils_1 = require("../utils");
+const [BreadcrumbsProvider, useBreadcrumbsContext] = (0, utils_1.createContext)({ isOptional: true });
+exports.BreadcrumbsProvider = BreadcrumbsProvider;
+exports.useBreadcrumbsContext = useBreadcrumbsContext;

package/dist/cjs/breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './breadcrumbs';
+export { default } from './breadcrumbs';
+export * from './breadcrumbs.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,cAAc,qBAAqB,CAAA"}

package/dist/cjs/breadcrumbs/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./breadcrumbs"), exports);
+var breadcrumbs_1 = require("./breadcrumbs");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(breadcrumbs_1).default; } });
+__exportStar(require("./breadcrumbs.types"), exports);

package/dist/cjs/breadcrumbs/theme.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: string;
+    };
+    sizes: {
+        sm: {
+            item: {};
+        };
+        md: {
+            item: {};
+        };
+        lg: {
+            item: {};
+        };
+    };
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/cjs/breadcrumbs/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,wBAKC"}

package/dist/cjs/breadcrumbs/theme.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {
+    size: 'md'
+};
+const sizes = {
+    sm: {
+        item: {}
+    },
+    md: {
+        item: {}
+    },
+    lg: {
+        item: {}
+    }
+};
+const variants = {};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './avatar';
 export * from './box';
+export * from './breadcrumbs';
 export * from './button';
 export * from './buttonGroup';
 export * from './buttonToggleGroup';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/cjs/index.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./accordion"), exports);
 __exportStar(require("./avatar"), exports);
 __exportStar(require("./box"), exports);
+__exportStar(require("./breadcrumbs"), exports);
 __exportStar(require("./button"), exports);
 __exportStar(require("./buttonGroup"), exports);
 __exportStar(require("./buttonToggleGroup"), exports);

package/dist/cjs/theme/components.d.ts

@@ -81,6 +81,24 @@ declare const _default: {
         sizes: {};
         variants: {};
     };
+    Breadcrumbs: {
+        baseStyle: {};
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            sm: {
+                item: {};
+            };
+            md: {
+                item: {};
+            };
+            lg: {
+                item: {};
+            };
+        };
+        variants: {};
+    };
     Button: {
         baseStyle: {};
         defaultProps: {

package/dist/cjs/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,wBAqCC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,wBAsCC"}

package/dist/cjs/theme/components.js

@@ -6,74 +6,76 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const theme_1 = __importDefault(require("../accordion/theme"));
 const theme_2 = __importDefault(require("../avatar/theme"));
 const theme_3 = __importDefault(require("../box/theme"));
-const theme_4 = __importDefault(require("../button/theme"));
-const theme_5 = __importDefault(require("../card/theme"));
-const theme_6 = __importDefault(require("../checkbox/theme"));
-const theme_7 = __importDefault(require("../dialog/theme"));
-const theme_8 = __importDefault(require("../divider/theme"));
-const theme_9 = __importDefault(require("../footer/theme"));
-const theme_10 = __importDefault(require("../grid/theme"));
-const theme_11 = __importDefault(require("../header/theme"));
-const theme_12 = __importDefault(require("../heading/theme"));
-const theme_13 = __importDefault(require("../icon/theme"));
-const theme_14 = __importDefault(require("../image/theme"));
-const theme_15 = __importDefault(require("../input/theme"));
-const theme_16 = __importDefault(require("../link/theme"));
-const theme_17 = __importDefault(require("../list/theme"));
-const theme_18 = __importDefault(require("../menu/theme"));
-const theme_19 = __importDefault(require("../message/theme"));
-const theme_20 = __importDefault(require("../modal/theme"));
-const theme_21 = __importDefault(require("../notification/theme"));
-const theme_22 = __importDefault(require("../p/theme"));
-const theme_23 = __importDefault(require("../pagination/theme"));
-const theme_24 = __importDefault(require("../panel/theme"));
-const theme_25 = __importDefault(require("../popover/theme"));
-const theme_26 = __importDefault(require("../progress/theme"));
-const theme_27 = __importDefault(require("../radio/theme"));
-const theme_28 = __importDefault(require("../select/theme"));
-const theme_29 = __importDefault(require("../skeleton/theme"));
-const theme_30 = __importDefault(require("../spinner/theme"));
-const theme_31 = __importDefault(require("../switch/theme"));
-const theme_32 = __importDefault(require("../t/theme"));
-const theme_33 = __importDefault(require("../table/theme"));
-const theme_34 = __importDefault(require("../tabs/theme"));
-const theme_35 = __importDefault(require("../tag/theme"));
-const theme_36 = __importDefault(require("../textarea/theme"));
+const theme_4 = __importDefault(require("../breadcrumbs/theme"));
+const theme_5 = __importDefault(require("../button/theme"));
+const theme_6 = __importDefault(require("../card/theme"));
+const theme_7 = __importDefault(require("../checkbox/theme"));
+const theme_8 = __importDefault(require("../dialog/theme"));
+const theme_9 = __importDefault(require("../divider/theme"));
+const theme_10 = __importDefault(require("../footer/theme"));
+const theme_11 = __importDefault(require("../grid/theme"));
+const theme_12 = __importDefault(require("../header/theme"));
+const theme_13 = __importDefault(require("../heading/theme"));
+const theme_14 = __importDefault(require("../icon/theme"));
+const theme_15 = __importDefault(require("../image/theme"));
+const theme_16 = __importDefault(require("../input/theme"));
+const theme_17 = __importDefault(require("../link/theme"));
+const theme_18 = __importDefault(require("../list/theme"));
+const theme_19 = __importDefault(require("../menu/theme"));
+const theme_20 = __importDefault(require("../message/theme"));
+const theme_21 = __importDefault(require("../modal/theme"));
+const theme_22 = __importDefault(require("../notification/theme"));
+const theme_23 = __importDefault(require("../p/theme"));
+const theme_24 = __importDefault(require("../pagination/theme"));
+const theme_25 = __importDefault(require("../panel/theme"));
+const theme_26 = __importDefault(require("../popover/theme"));
+const theme_27 = __importDefault(require("../progress/theme"));
+const theme_28 = __importDefault(require("../radio/theme"));
+const theme_29 = __importDefault(require("../select/theme"));
+const theme_30 = __importDefault(require("../skeleton/theme"));
+const theme_31 = __importDefault(require("../spinner/theme"));
+const theme_32 = __importDefault(require("../switch/theme"));
+const theme_33 = __importDefault(require("../t/theme"));
+const theme_34 = __importDefault(require("../table/theme"));
+const theme_35 = __importDefault(require("../tabs/theme"));
+const theme_36 = __importDefault(require("../tag/theme"));
+const theme_37 = __importDefault(require("../textarea/theme"));
 exports.default = {
     Accordion: theme_1.default,
     Avatar: theme_2.default,
     Box: theme_3.default,
-    Button: theme_4.default,
-    Card: theme_5.default,
-    Checkbox: theme_6.default,
-    Dialog: theme_7.default,
-    Divider: theme_8.default,
-    Footer: theme_9.default,
-    Grid: theme_10.default,
-    Header: theme_11.default,
-    Heading: theme_12.default,
-    Icon: theme_13.default,
-    Image: theme_14.default,
-    Input: theme_15.default,
-    Link: theme_16.default,
-    List: theme_17.default,
-    Menu: theme_18.default,
-    Message: theme_19.default,
-    Modal: theme_20.default,
-    Notification: theme_21.default,
-    P: theme_22.default,
-    Pagination: theme_23.default,
-    Panel: theme_24.default,
-    Progress: theme_26.default,
-    Popover: theme_25.default,
-    Radio: theme_27.default,
-    Select: theme_28.default,
-    Skeleton: theme_29.default,
-    Spinner: theme_30.default,
-    Switch: theme_31.default,
-    T: theme_32.default,
-    Table: theme_33.default,
-    Tabs: theme_34.default,
-    Tag: theme_35.default,
-    Textarea: theme_36.default
+    Breadcrumbs: theme_4.default,
+    Button: theme_5.default,
+    Card: theme_6.default,
+    Checkbox: theme_7.default,
+    Dialog: theme_8.default,
+    Divider: theme_9.default,
+    Footer: theme_10.default,
+    Grid: theme_11.default,
+    Header: theme_12.default,
+    Heading: theme_13.default,
+    Icon: theme_14.default,
+    Image: theme_15.default,
+    Input: theme_16.default,
+    Link: theme_17.default,
+    List: theme_18.default,
+    Menu: theme_19.default,
+    Message: theme_20.default,
+    Modal: theme_21.default,
+    Notification: theme_22.default,
+    P: theme_23.default,
+    Pagination: theme_24.default,
+    Panel: theme_25.default,
+    Progress: theme_27.default,
+    Popover: theme_26.default,
+    Radio: theme_28.default,
+    Select: theme_29.default,
+    Skeleton: theme_30.default,
+    Spinner: theme_31.default,
+    Switch: theme_32.default,
+    T: theme_33.default,
+    Table: theme_34.default,
+    Tabs: theme_35.default,
+    Tag: theme_36.default,
+    Textarea: theme_37.default
 };