@veracity/vui 2.13.0 → 2.13.2

package/dist/esm/table/tableSortIcon.js

@@ -11,4 +11,5 @@ export const TableSortIcon = vui((props, ref) => {
     const pathFill = order ? ['seaBlue.main', 'sandstone.main'] : 'sandstone.main';
     return (React.createElement(Icon, { className: cs('vui-tableSortIcon', className), name: "fadSortUp", pathFill: pathFill, ref: ref, rotate: rotate, size: "xs", ...styles.tableSortIcon, ...rest }));
 });
+TableSortIcon.displayName = 'TableSortIcon';
 export default TableSortIcon;

package/dist/esm/table/tbody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["../../../src/table/tbody.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,iIAsBrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,mEAiBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["../../../src/table/tbody.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,iIAsBrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,mEAiBhB,CAAA;AAIF,eAAe,KAAK,CAAA"}

package/dist/esm/table/tbody.js

@@ -35,4 +35,5 @@ export const Tbody = vui((props, ref) => {
     return (React.createElement(TbodyBase, { className: cs('vui-tbody', className), ref: ref, ...styles.tbody, ...rest }, children ??
         rows?.map((row, index) => (React.createElement(Tr, { key: index }, columns?.map(column => (React.createElement(Td, { key: column.field }, row[column.field]))))))));
 });
+Tbody.displayName = 'Tbody';
 export default Tbody;

package/dist/esm/table/td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td.d.ts","sourceRoot":"","sources":["../../../src/table/td.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,8HAElB,CAAA;AAED,wCAAwC;AACxC,eAAO,MAAM,EAAE,gEAKb,CAAA;AAEF,eAAe,EAAE,CAAA"}
+{"version":3,"file":"td.d.ts","sourceRoot":"","sources":["../../../src/table/td.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,8HAElB,CAAA;AAED,wCAAwC;AACxC,eAAO,MAAM,EAAE,gEAKb,CAAA;AAIF,eAAe,EAAE,CAAA"}

package/dist/esm/table/td.js

@@ -11,4 +11,5 @@ export const Td = vui((props, ref) => {
     const styles = useStyleConfig('Table', useTableContext());
     return React.createElement(TdBase, { className: cs('vui-td', className), px: 2, ref: ref, ...styles.td, ...rest });
 });
+Td.displayName = 'Td';
 export default Td;

package/dist/esm/table/tfoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.d.ts","sourceRoot":"","sources":["../../../src/table/tfoot.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,iIAAoB,CAAA;AAE1C,6BAA6B;AAC7B,eAAO,MAAM,KAAK,mEAKhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"tfoot.d.ts","sourceRoot":"","sources":["../../../src/table/tfoot.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,iIAAoB,CAAA;AAE1C,6BAA6B;AAC7B,eAAO,MAAM,KAAK,mEAKhB,CAAA;AAIF,eAAe,KAAK,CAAA"}

package/dist/esm/table/tfoot.js

@@ -9,4 +9,5 @@ export const Tfoot = vui((props, ref) => {
     const styles = useStyleConfig('Table', useTableContext());
     return React.createElement(TfootBase, { className: cs('vui-tfoot', className), ref: ref, ...styles.tfoot, ...rest });
 });
+Tfoot.displayName = 'Tfoot';
 export default Tfoot;

package/dist/esm/table/th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,+CA+Db,CAAA;AAEF,eAAe,EAAE,CAAA"}
+{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,+CA+Db,CAAA;AAIF,eAAe,EAAE,CAAA"}

package/dist/esm/table/th.js

@@ -41,4 +41,5 @@ export const Th = vui((props, ref) => {
             isSortable && React.createElement(TableSortIcon, { ml: 1, my: 0.5, order: sortOrder }))),
         !title && React.createElement(T, { color: "white" }, "a11y fix")));
 });
+Th.displayName = 'Th';
 export default Th;

package/dist/esm/table/thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAY1C,+DAA+D;AAC/D,eAAO,MAAM,KAAK,qDAyBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAY1C,+DAA+D;AAC/D,eAAO,MAAM,KAAK,qDAyBhB,CAAA;AAIF,eAAe,KAAK,CAAA"}

package/dist/esm/table/thead.js

@@ -26,4 +26,5 @@ export const Thead = vui((props, ref) => {
         : {};
     return (React.createElement(TheadBase, { className: cs('vui-thead', className), ref: ref, ...stickyProps, ...styles.thead, ...rest }, children ?? (React.createElement(Tr, null, columns?.map(column => (React.createElement(Th, { key: column.field, role: "columnheader", ...column })))))));
 });
+Thead.displayName = 'Thead';
 export default Thead;

package/dist/esm/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../src/table/tr.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,MAAM,8HAElB,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,EAAE,+CAkBb,CAAA;AAEF,eAAe,EAAE,CAAA"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../src/table/tr.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,MAAM,8HAElB,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,EAAE,+CAkBb,CAAA;AAGF,eAAe,EAAE,CAAA"}

package/dist/esm/table/tr.js

@@ -13,4 +13,5 @@ export const Tr = vui((props, ref) => {
     const selectedProps = isSelected ? { bg: 'skyBlue.selected' } : {};
     return (React.createElement(TrBase, { className: cs('vui-tr', className), "data-selected": Boolean(isSelected), "data-variant": variant, ref: ref, ...styles.tr, ...selectedProps, ...rest }));
 });
+Tr.displayName = 'Tr';
 export default Tr;

package/dist/esm/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,+HAEnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,iDAId,CAAA;AAEF,eAAe,GAAG,CAAA"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,+HAEnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,iDAId,CAAA;AAIF,eAAe,GAAG,CAAA"}

package/dist/esm/tabs/tab.js

@@ -8,4 +8,5 @@ export const TabBase = styled.divBox `
  * Implements a Tab component
  */
 export const Tab = vui(({ children, className }, ref) => (React.createElement(TabBase, { className: cs('vui-tab', className), ref: ref }, children)));
+Tab.displayName = 'Tab';
 export default Tab;

package/dist/esm/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAA;AAIlD,eAAO,MAAM,QAAQ;;;;SAEpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,kDA2Df,CAAA;AAEF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAA;AAIlD,eAAO,MAAM,QAAQ;;;;SAEpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,kDA2Df,CAAA;AAIF,eAAe,IAAI,CAAA"}

package/dist/esm/tabs/tabs.js

@@ -47,4 +47,5 @@ export const Tabs = vui((props, ref) => {
         !!tabs?.length && (React.createElement(TabsNavBar, { activeNavItem: activeTabIndex, animationDirection: animationDirection, onNavItemClick: onNavItemClick, showBorder: showBorder, size: size, tabs: tabs })),
         tabs?.length ? (React.createElement(Tab, { onClick: activeTab?.onClick, title: activeTab?.title }, !activeTab?.disabled && activeTab?.children)) : (React.createElement(P, { p: 2 }, "Please specify Tabs."))));
 });
+Tabs.displayName = 'Tabs';
 export default Tabs;

package/dist/esm/tabs/tabsNavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,cAAc,EAAY,MAAM,cAAc,CAAA;AAKvE,eAAO,MAAM,UAAU,uDA+DrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,cAAc,EAAY,MAAM,cAAc,CAAA;AAKvE,eAAO,MAAM,UAAU,uDA+DrB,CAAA;AAIF,eAAe,UAAU,CAAA"}

package/dist/esm/tabs/tabsNavBar.js

@@ -23,4 +23,5 @@ export const TabsNavBar = vui((props, ref) => {
             tab.title),
         isActive(tab) && (React.createElement(Box, { animation: animationDirection, bg: main, bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
 });
+TabsNavBar.displayName = 'TabsNavBar';
 export default TabsNavBar;

package/dist/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAMD,eAAe,GAAG,CAAA"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}

package/dist/esm/tag/tag.js

@@ -73,4 +73,5 @@ export const Tag = vui((props, ref) => {
 Tag.Button = TagButton;
 Tag.Icon = TagIcon;
 Tag.Text = TagText;
+Tag.displayName = 'Tag';
 export default Tag;

package/dist/esm/tag/tagButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tagButton.d.ts","sourceRoot":"","sources":["../../../src/tag/tagButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK/C,wCAAwC;AACxC,eAAO,MAAM,SAAS,uDAmBpB,CAAA;AAEF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"tagButton.d.ts","sourceRoot":"","sources":["../../../src/tag/tagButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK/C,wCAAwC;AACxC,eAAO,MAAM,SAAS,uDAmBpB,CAAA;AAIF,eAAe,SAAS,CAAA"}

package/dist/esm/tag/tagButton.js

@@ -10,4 +10,5 @@ export const TagButton = vui((props, ref) => {
     const styles = useStyleConfig('Tag', useTagContext());
     return (React.createElement(Button, { borderColor: "transparent", className: cs('vui-tagButton', className), disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "falTimes", mr: -0.5, ref: ref, variant: mergedProps.variant, ...styles.button, ...rest }));
 });
+TagButton.displayName = 'TagButton';
 export default TagButton;

package/dist/esm/tag/tagIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tagIcon.d.ts","sourceRoot":"","sources":["../../../src/tag/tagIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,uCAAuC;AACvC,eAAO,MAAM,OAAO,kDAKlB,CAAA;AAEF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tagIcon.d.ts","sourceRoot":"","sources":["../../../src/tag/tagIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,uCAAuC;AACvC,eAAO,MAAM,OAAO,kDAKlB,CAAA;AAGF,eAAe,OAAO,CAAA"}

package/dist/esm/tag/tagIcon.js

@@ -9,4 +9,5 @@ export const TagIcon = vui((props, ref) => {
     const styles = useStyleConfig('Tag', useTagContext());
     return React.createElement(Icon, { className: cs('vui-tagIcon', className), ref: ref, ...styles.icon, ...rest });
 });
+TagIcon.displayName = 'TagIcon';
 export default TagIcon;

package/dist/esm/tag/tagText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tagText.d.ts","sourceRoot":"","sources":["../../../src/tag/tagText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,oCAAoC;AACpC,eAAO,MAAM,OAAO,gDAKlB,CAAA;AAEF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tagText.d.ts","sourceRoot":"","sources":["../../../src/tag/tagText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,oCAAoC;AACpC,eAAO,MAAM,OAAO,gDAKlB,CAAA;AAIF,eAAe,OAAO,CAAA"}

package/dist/esm/tag/tagText.js

@@ -9,4 +9,5 @@ export const TagText = vui((props, ref) => {
     const styles = useStyleConfig('Tag', useTagContext());
     return React.createElement(T, { className: cs('vui-tagText', className), fontSize: "inherit", ref: ref, ...styles.text, ...rest });
 });
+TagText.displayName = 'TagText';
 export default TagText;

package/dist/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAkBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAgGnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAkBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAgGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/textarea/textarea.js

@@ -75,4 +75,5 @@ export const Textarea = vui((props, ref) => {
             " ",
             maxLength ? `/ ${maxLength}` : null))));
 });
+Textarea.displayName = 'Textarea';
 export default Textarea;

package/dist/esm/tooltip/tooltip.d.ts

@@ -6,6 +6,9 @@ import { TooltipProps } from './tooltip.types';
  * Displayed on mouse enter, and is hidden on mouse leave.
  *
  * */
-export declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export declare const Tooltip: {
+    (props: TooltipProps): JSX.Element;
+    displayName: string;
+};
 export default Tooltip;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBA0D1C,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;CA0D1C,CAAA;AAID,eAAe,OAAO,CAAA"}

package/dist/esm/tooltip/tooltip.js

@@ -29,4 +29,5 @@ export const Tooltip = (props) => {
             ]
         } }, children));
 };
+Tooltip.displayName = 'Tooltip';
 export default Tooltip;

package/dist/esm/tooltip/tooltipContent.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 import { TooltipProps } from './tooltip.types';
-export declare const TooltipContent: ({ children, fontSize, maxWidth }: TooltipProps) => JSX.Element;
+export declare const TooltipContent: {
+    ({ children, fontSize, maxWidth }: TooltipProps): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=tooltipContent.d.ts.map

package/dist/esm/tooltip/tooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc,qCAAyD,YAAY,gBAiB/F,CAAA"}
+{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc;uCAAyD,YAAY;;CAiB/F,CAAA"}

package/dist/esm/tooltip/tooltipContent.js

@@ -2,3 +2,4 @@ import React from 'react';
 import Box from '../box';
 import { bg, borderRaduis, boxShadow } from './consts';
 export const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => (React.createElement(Box, { bg: bg, borderRadius: borderRaduis, boxShadow: boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2 }, children));
+TooltipContent.displayName = 'TooltipContent';

package/dist/esm/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/tree/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAInE,OAAO,EAA6B,SAAS,EAAE,MAAM,cAAc,CAAA;AACnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,eAAO,MAAM,QAAQ,+HAKpB,CAAA;AAED,+GAA+G;AAC/G,eAAO,MAAM,IAAI;UAwFT,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAMD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/tree/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAInE,OAAO,EAA6B,SAAS,EAAE,MAAM,cAAc,CAAA;AACnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,eAAO,MAAM,QAAQ,+HAKpB,CAAA;AAED,+GAA+G;AAC/G,eAAO,MAAM,IAAI;UAwFT,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAOD,eAAe,IAAI,CAAA"}

package/dist/esm/tree/tree.js

@@ -75,4 +75,5 @@ export const Tree = vui((props, ref) => {
 Tree.Icon = TreeIcon;
 Tree.Item = TreeItem;
 Tree.Text = TreeText;
+Tree.displayName = 'Tree';
 export default Tree;

package/dist/esm/tree/treeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeIcon.d.ts","sourceRoot":"","sources":["../../../src/tree/treeIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,oDAAoD;AACpD,eAAO,MAAM,QAAQ,kDAKnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"treeIcon.d.ts","sourceRoot":"","sources":["../../../src/tree/treeIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,oDAAoD;AACpD,eAAO,MAAM,QAAQ,kDAKnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/tree/treeIcon.js

@@ -9,4 +9,5 @@ export const TreeIcon = vui((props, ref) => {
     const styles = useStyleConfig('Tree', useTreeContext());
     return React.createElement(Icon, { className: cs('vui-treeIcon', className), ref: ref, size: "xs", ...styles.icon, ...rest });
 });
+TreeIcon.displayName = 'TreeIcon';
 export default TreeIcon;

package/dist/esm/tree/treeItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeItem.d.ts","sourceRoot":"","sources":["../../../src/tree/treeItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,YAAY,8HAKxB,CAAA;AAGD;;GAEG;AACH,eAAO,MAAM,QAAQ,qDAyLnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"treeItem.d.ts","sourceRoot":"","sources":["../../../src/tree/treeItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,YAAY,8HAKxB,CAAA;AAGD;;GAEG;AACH,eAAO,MAAM,QAAQ,qDAyLnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/tree/treeItem.js

@@ -110,4 +110,5 @@ export const TreeItem = vui((props, ref) => {
                     })
                     : items))))));
 });
+TreeItem.displayName = 'TreeItem';
 export default TreeItem;

package/dist/esm/tree/treeText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeText.d.ts","sourceRoot":"","sources":["../../../src/tree/treeText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,yCAAyC;AACzC,eAAO,MAAM,QAAQ,gDAenB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"treeText.d.ts","sourceRoot":"","sources":["../../../src/tree/treeText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,yCAAyC;AACzC,eAAO,MAAM,QAAQ,gDAenB,CAAA;AAGF,eAAe,QAAQ,CAAA"}

package/dist/esm/tree/treeText.js

@@ -9,4 +9,5 @@ export const TreeText = vui((props, ref) => {
     const styles = useStyleConfig('Tree', useTreeContext());
     return (React.createElement(T, { className: cs('vui-treeText', className), fontSize: "inherit", py: styles.item.py, ref: ref, ...ellipsisOverflow, ...styles.text, ...rest }));
 });
+TreeText.displayName = 'TreeText';
 export default TreeText;

package/dist/esm/tutorial/tutorial.d.ts

@@ -2,4 +2,7 @@
 import { TutorialProps } from './tutorial.types';
 /** [Beta] Popover Tutorial is used to display information about a new, or existing feature. */
 export declare function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, id, placement, showSkipButton }: TutorialProps): JSX.Element;
+export declare namespace Tutorial {
+    var displayName: string;
+}
 //# sourceMappingURL=tutorial.d.ts.map

package/dist/esm/tutorial/tutorial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAI5D,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,SAAmB,EACnB,cAAc,EACf,EAAE,aAAa,eAwCf"}
+{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAc,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAI5D,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,SAAmB,EACnB,cAAc,EACf,EAAE,aAAa,eAwCf;yBApDe,QAAQ"}

package/dist/esm/tutorial/tutorial.js

@@ -23,3 +23,4 @@ export function Tutorial({ actionLabel, children, className, onAction, onDismiss
             ]
         }, visible: isVisible }, children));
 }
+Tutorial.displayName = 'Tutorial';

package/dist/esm/tutorial/tutorialCard.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 import { TutorialCardProps } from './tutorial.types';
 export declare function TutorialCard({ actionLabel, className, title, readMoreLink, steps: propsSteps, showSkipButton, onAction, onDismiss, onFinish }: TutorialCardProps): JSX.Element;
+export declare namespace TutorialCard {
+    var displayName: string;
+}
 //# sourceMappingURL=tutorialCard.d.ts.map

package/dist/esm/tutorial/tutorialCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAoHnB"}
+{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAoHnB;yBA9He,YAAY"}

package/dist/esm/tutorial/tutorialCard.js

@@ -34,3 +34,4 @@ export function TutorialCard({ actionLabel = 'Action', className, title, readMor
                 isFinalStep && (React.createElement(Button, { mr: 2, onClick: onFinish, variant: "primaryLight" }, "Finish")),
                 !!onAction && (React.createElement(Button, { mr: 6, onClick: onAction, variant: "primaryLight" }, actionLabel)))))));
 }
+TutorialCard.displayName = 'TutorialCard';

package/dist/esm/tutorial/tutorialStep.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 import { TutorialStepProps } from './tutorial.types';
-export declare const TutorialStep: ({ active, content, title }: TutorialStepProps) => JSX.Element;
+export declare const TutorialStep: {
+    ({ active, content, title }: TutorialStepProps): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=tutorialStep.d.ts.map

package/dist/esm/tutorial/tutorialStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,eAAO,MAAM,YAAY,+BAAgC,iBAAiB,gBAOzE,CAAA"}
+{"version":3,"file":"tutorialStep.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialStep.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,eAAO,MAAM,YAAY;iCAAgC,iBAAiB;;CAOzE,CAAA"}

package/dist/esm/tutorial/tutorialStep.js

@@ -4,3 +4,4 @@ import { tutorialColors } from './consts';
 export const TutorialStep = ({ active, content, title }) => (React.createElement(v.div, { className: "vui-tutorialStep", hidden: !active, pb: 2 },
     React.createElement(H5, { color: tutorialColors.color, fontWeight: "medium", mb: 1 }, title),
     React.createElement(Box, null, content)));
+TutorialStep.displayName = 'TutorialStep';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.13.0",
+  "version": "2.13.2",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/accordion/accordion.tsx

@@ -60,5 +60,6 @@ export const Accordion = vui<'div', AccordionProps>((props, ref) => {
 
 Accordion.Item = AccordionItem
 Accordion.ItemHorizontal = AccordionItemHorizontal
+Accordion.displayName = 'Accordion'
 
 export default Accordion

package/src/accordion/accordionItem.tsx

@@ -98,4 +98,6 @@ export const AccordionItem = (props: AccordionItemProps) => {
   )
 }
 
+AccordionItem.displayName = 'AccordionItem'
+
 export default AccordionItem

package/src/accordion/accordionItemHorizontal.tsx

@@ -100,4 +100,6 @@ export const AccordionItemHorizontal = (props: AccordionItemProps) => {
   )
 }
 
+AccordionItemHorizontal.displayName = 'AccordionItemHorizontal'
+
 export default AccordionItemHorizontal

package/src/avatar/avatar.tsx

@@ -103,4 +103,5 @@ export const Avatar = vui<'span', AvatarProps>((props, ref) => {
   )
 })
 
+Avatar.displayName = 'Avatar'
 export default Avatar

package/src/badge/badge.tsx

@@ -34,4 +34,5 @@ export const Badge = vui<'span', BadgeProps>((props, ref) => {
   )
 })
 
+Badge.displayName = 'Badge'
 export default Badge

package/src/box/box.tsx

@@ -46,4 +46,5 @@ export const Box = vui<'div', BoxProps>((props, ref) => {
   return <BoxBase className={cs('vui-box', className)} ref={ref} {...styles} {...aliasedProps} {...rest} />
 })
 
+Box.displayName = 'Box'
 export default Box

package/src/breadcrumbs/breadcrumbs.tsx

@@ -48,5 +48,5 @@ export const Breadcrumbs = vui<'div', BreadcrumbsProps>((props, ref) => {
 }
 
 Breadcrumbs.Item = BreadcrumbsItem
-
+Breadcrumbs.displayName = 'Breadcrumbs'
 export default Breadcrumbs

package/src/breadcrumbs/breadcrumbsItem.tsx

@@ -24,4 +24,6 @@ export const BreadcrumbsItem = vui<'div', BreadcrumbsItemProps>((props, ref) =>
   )
 }) as VuiComponent<'div', BreadcrumbsItemProps>
 
+BreadcrumbsItem.displayName = 'BreadcrumbsItem'
+
 export default BreadcrumbsItem

package/src/button/button.tsx

@@ -97,7 +97,7 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
   const pl = (icon || iconLeft || isLoading ? spaceXItem : spaceXText) + 'px'
   const pr = (icon || iconRight ? spaceXItem : spaceXText) + 'px'
 
-  let ariaLabel = 'vui-button'
+  let ariaLabel = ''
 
   if (title) ariaLabel = title
   else {
@@ -137,7 +137,12 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
     <ButtonProvider value={context}>
       <ButtonBase
         borderWidth={border}
-        className={cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`)}
+        className={cs(
+          'vui-button',
+          className,
+          isActive && activeClassName,
+          variantProp ? `vui-button-variant-${variantProp}` : undefined
+        )}
         disabled={disabled}
         focusRing={3}
         h={h}
@@ -187,5 +192,6 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
 
 Button.Icon = ButtonIcon
 Button.Text = ButtonText
+Button.displayName = 'Button'
 
 export default Button

package/src/button/buttonIcon.tsx

@@ -16,4 +16,5 @@ export const ButtonIcon = vui<'svg', IconProps>((props, ref) => {
   return <Icon className={cs('vui-buttonIcon', className)} name={verifiedName} ref={ref} {...styles.icon} {...rest} />
 })
 
+ButtonIcon.displayName = 'ButtonIcon'
 export default ButtonIcon

package/src/button/buttonText.tsx

@@ -13,4 +13,6 @@ export const ButtonText = vui<'span', TProps>((props, ref) => {
   return <T className={cs('vui-buttonText', className)} fontSize="inherit" ref={ref} {...styles.text} {...rest} />
 })
 
+ButtonText.displayName = 'ButtonText'
+
 export default ButtonText

package/src/buttonGroup/buttonGroup.tsx

@@ -88,4 +88,5 @@ export const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {
   )
 })
 
+ButtonGroup.displayName = 'ButtonGroup'
 export default ButtonGroup

package/src/buttonToggleGroup/buttonToggleGroup.tsx

@@ -19,4 +19,5 @@ export const ButtonToggleGroup = (props: ButtonToggleGroupProps) => {
   )
 }
 
+ButtonToggleGroup.displayName = 'ButtonToggleGroup'
 export default ButtonToggleGroup

package/src/card/card.tsx

@@ -29,4 +29,5 @@ export const Card = vui<'div', CardProps>((props, ref) => {
   return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />
 })
 
+Card.displayName = 'Card'
 export default Card

package/src/checkbox/checkbox.tsx

@@ -141,4 +141,5 @@ export const Checkbox = vui<'span', CheckboxProps>((props, ref) => {
   )
 })
 
+Checkbox.displayName = 'Checkbox'
 export default Checkbox

package/src/checkbox/checkboxGroup.tsx

@@ -33,4 +33,6 @@ export const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {
   )
 })
 
+CheckboxGroup.displayName = 'CheckboxGroup'
+
 export default CheckboxGroup

package/src/copyToClipboard/copyToClipboard.tsx

@@ -33,4 +33,5 @@ export const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref)
   )
 })
 
+CopyToClipboard.displayName = 'CopyToClipboard'
 export default CopyToClipboard

package/src/definition/definition.tsx

@@ -80,4 +80,5 @@ export const Definition = vui<'dl', DefinitionProps>((props, ref) => {
   )
 })
 
+Definition.displayName = 'Definition'
 export default Definition

package/src/definition/definitionContent.tsx

@@ -58,4 +58,6 @@ export const DefinitionContent = vui<'dl', DefinitionProps>(props => {
   )
 })
 
+DefinitionContent.displayName = 'DefinitionContent'
+
 export default DefinitionContent

package/src/dialog/dialog.tsx

@@ -118,5 +118,6 @@ Dialog.Header = DialogHeader
 Dialog.Icon = DialogIcon
 Dialog.SubmitButton = DialogSubmitButton
 Dialog.Title = DialogTitle
+Dialog.displayName = 'Dialog'
 
 export default Dialog

package/src/dialog/dialogBody.tsx

@@ -59,4 +59,6 @@ export const DialogBody = vui<'div', DialogBodyProps>((props, ref) => {
   )
 })
 
+DialogBody.displayName = 'DialogBody'
+
 export default DialogBody

package/src/dialog/dialogCancelButton.tsx

@@ -23,4 +23,5 @@ export const DialogCancelButton = vui<'button', DialogCancelButtonProps>((props,
   )
 })
 
+DialogCancelButton.displayName = 'DialogCancelButton'
 export default DialogCancelButton

package/src/dialog/dialogCloseButton.tsx

@@ -28,4 +28,6 @@ export const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, r
   )
 })
 
+DialogCloseButton.displayName = 'DialogCloseButton'
+
 export default DialogCloseButton

package/src/dialog/dialogFooter.tsx

@@ -34,4 +34,5 @@ export const DialogFooter = vui<'div', DialogFooterProps>((props, ref) => {
   )
 })
 
+DialogFooter.displayName = 'DialogFooter'
 export default DialogFooter

package/src/dialog/dialogHeader.tsx

@@ -46,4 +46,5 @@ export const DialogHeader = vui<'div', DialogHeaderProps>((props, ref) => {
   )
 })
 
+DialogHeader.displayName = 'DialogHeader'
 export default DialogHeader

package/src/dialog/dialogIcon.tsx

@@ -17,4 +17,6 @@ export const DialogIcon = vui<'svg', DialogIconProps>((props, ref) => {
   return <Icon className={cs('vui-dialogIcon', className)} mr={2} ref={ref} {...styles.icon} {...iconProps} {...rest} />
 })
 
+DialogIcon.displayName = 'DialogIcon'
+
 export default DialogIcon

package/src/dialog/dialogSubmitButton.tsx

@@ -23,4 +23,5 @@ export const DialogSubmitButton = vui<'button', DialogSubmitButtonProps>((props,
   )
 })
 
+DialogSubmitButton.displayName = 'DialogSubmitButton'
 export default DialogSubmitButton

package/src/dialog/dialogTitle.tsx

@@ -15,4 +15,5 @@ export const DialogTitle = vui<'h4', DialogTitleProps>((props, ref) => {
   return <H4 className={cs('vui-dialogTitle', className)} id={titleId} ref={ref} {...styles.title} {...rest} />
 })
 
+DialogTitle.displayName = 'DialogTitle'
 export default DialogTitle

package/src/divider/divider.tsx

@@ -33,4 +33,5 @@ export const Divider = vui<'hr', DividerProps>((props, ref) => {
   )
 })
 
+Divider.displayName = 'Divider'
 export default Divider