@veracity/vui 1.0.0 → 1.1.1

package/dist/esm/table/table.js

@@ -14,39 +14,39 @@ import useTable from './useTable';
  * Displays a Table with support for columns, rows and sort.
  */
 export const TableBase = styled.tableBox `
-	border-collapse: separate;
-	border-spacing: 0px;
-	display: table;
-	position: relative;
-	width: 100%;
+  border-collapse: separate;
+  border-spacing: 0px;
+  display: table;
+  position: relative;
+  width: 100%;
 
-	${p => p.stickyColumn &&
+  ${p => p.stickyColumn &&
     css `
-			thead tr:last-of-type th:first-of-type,
-			td:first-of-type {
-				left: 0;
-				position: sticky;
-				z-index: 2;
+      thead tr:last-of-type th:first-of-type,
+      td:first-of-type {
+        left: 0;
+        position: sticky;
+        z-index: 2;
 
-				::after {
-					bottom: -1px;
-					box-shadow: inset 10px 0 8px -8px #00000026;
-					content: '';
-					pointer-events: none;
-					position: absolute;
-					right: 0;
-					top: 0;
-					transform: translate(100%);
-					transition: box-shadow 0.3s;
-					width: 10px;
-				}
-			}
+        ::after {
+          bottom: -1px;
+          box-shadow: inset 10px 0 8px -8px #00000026;
+          content: '';
+          pointer-events: none;
+          position: absolute;
+          right: 0;
+          top: 0;
+          transform: translate(100%);
+          transition: box-shadow 0.3s;
+          width: 10px;
+        }
+      }
 
-			thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),
-			td:first-of-type {
-				background-color: white;
-			}
-		`}
+      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),
+      td:first-of-type {
+        background-color: white;
+      }
+    `}
 `;
 /** Displays a Table with support for columns, rows and sort. */
 export const Table = vui((props, ref) => {
@@ -62,7 +62,6 @@ export const Table = vui((props, ref) => {
             React.createElement(Thead, null),
             React.createElement(Tbody, null))))));
 });
-Table.displayName = 'Table';
 Table.SortIcon = TableSortIcon;
 Table.Tbody = Tbody;
 Table.Td = Td;

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

@@ -1 +1 @@
-{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,oBAAY,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,WAAW,GAAG;IACnD,qCAAqC;IACrC,KAAK,EAAE,CAAC,CAAA;IACR,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,oBAAY,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC,GACrH,kBAAkB,CAAA;AAEnB,oBAAY,UAAU,GAAG,WAAW,GACnC,aAAa,GACb,YAAY,CAAC,OAAO,CAAC,GAAG;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,WAAW,EAAE,CAAA;IAChD,0DAA0D;IAC1D,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAEF,oBAAY,UAAU,GAAG,WAAW,CAAA;AAEpC,oBAAY,OAAO,GAAG,WAAW,CAAA;AAEjC,oBAAY,UAAU,GAAG,WAAW,CAAA;AAEpC,oBAAY,OAAO,GAAG,WAAW,GAChC,OAAO,CAAC,WAAW,CAAC,GAAG;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAEF,oBAAY,UAAU,GAAG,WAAW,GAAG,EAAE,CAAA;AAEzC,oBAAY,OAAO,GAAG,WAAW,GAAG;IACnC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,oBAAY,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAC3D,0CAA0C;IAC1C,KAAK,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;CACrB,CAAA"}
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,oBAAY,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,WAAW,GAAG;IAClD,qCAAqC;IACrC,KAAK,EAAE,CAAC,CAAA;IACR,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,oBAAY,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC,GACpH,kBAAkB,CAAA;AAEpB,oBAAY,UAAU,GAAG,WAAW,GAClC,aAAa,GACb,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,WAAW,EAAE,CAAA;IAChD,0DAA0D;IAC1D,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAEH,oBAAY,UAAU,GAAG,WAAW,CAAA;AAEpC,oBAAY,OAAO,GAAG,WAAW,CAAA;AAEjC,oBAAY,UAAU,GAAG,WAAW,CAAA;AAEpC,oBAAY,OAAO,GAAG,WAAW,GAC/B,OAAO,CAAC,WAAW,CAAC,GAAG;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAEH,oBAAY,UAAU,GAAG,WAAW,GAAG,EAAE,CAAA;AAEzC,oBAAY,OAAO,GAAG,WAAW,GAAG;IAClC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,oBAAY,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAC1D,0CAA0C;IAC1C,KAAK,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;CACtB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.d.ts","sourceRoot":"","sources":["../../../src/table/tableSortIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,qEAAqE;AACrE,eAAO,MAAM,aAAa,2DAoBxB,CAAA;AAIF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"tableSortIcon.d.ts","sourceRoot":"","sources":["../../../src/table/tableSortIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,qEAAqE;AACrE,eAAO,MAAM,aAAa,2DAoBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/esm/table/tableSortIcon.js

@@ -12,5 +12,4 @@ export const TableSortIcon = vui((props, ref) => {
     const pathFill = order !== undefined ? ['blue.80', 'grey.40'] : 'grey.40';
     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,iIAcrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,mEAmBhB,CAAA;AAIF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["../../../src/table/tbody.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,iIAcrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,mEAmBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/table/tbody.js

@@ -5,19 +5,19 @@ import { useTableContext } from './context';
 import Td from './td';
 import Tr from './tr';
 export const TbodyBase = styled.tbodyBox `
-	tr {
-		:hover td {
-			background-color: grey.20;
-		}
+  tr {
+    :hover td {
+      background-color: grey.20;
+    }
 
-		&[data-selected='true']:hover td {
-			background-color: blue.20;
-		}
+    &[data-selected='true']:hover td {
+      background-color: blue.20;
+    }
 
-		&[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {
-			background-color: grey.10;
-		}
-	}
+    &[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {
+      background-color: grey.10;
+    }
+  }
 `;
 /** Displays Table body with built-in support for rows. */
 export const Tbody = vui((props, ref) => {
@@ -27,5 +27,4 @@ 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, ...column }, 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;AAIF,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;AAEF,eAAe,EAAE,CAAA"}

package/dist/esm/table/td.js

@@ -3,7 +3,7 @@ import { styled, useStyleConfig, vui } from '../core';
 import { cs } from '../utils';
 import { useTableContext } from './context';
 export const TdBase = styled.tdBox `
-	transition-duration: fast;
+  transition-duration: fast;
 `;
 /** Displays a cell inside Table row. */
 export const Td = vui((props, ref) => {
@@ -11,5 +11,4 @@ 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;AAIF,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;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/table/tfoot.js

@@ -9,5 +9,4 @@ 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":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,+CA6Db,CAAA;AAIF,eAAe,EAAE,CAAA"}
+{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,+CA6Db,CAAA;AAEF,eAAe,EAAE,CAAA"}

package/dist/esm/table/th.js

@@ -5,9 +5,9 @@ import { cs, useCallbackRef } from '../utils';
 import { useTableContext } from './context';
 import TableSortIcon from './tableSortIcon';
 export const ThBase = styled.thBox `
-	font-weight: demi;
-	text-align: left;
-	transition-duration: fast;
+  font-weight: demi;
+  text-align: left;
+  transition-duration: fast;
 `;
 /** Displays Table heading with support for sort. */
 export const Th = vui((props, ref) => {
@@ -37,5 +37,4 @@ export const Th = vui((props, ref) => {
         title,
         isSortable && React.createElement(TableSortIcon, { ml: 1, my: 0.5, order: sortOrder })))));
 });
-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;AAI1C,eAAO,MAAM,SAAS,iIAQrB,CAAA;AAED,+DAA+D;AAC/D,eAAO,MAAM,KAAK,qDAyBhB,CAAA;AAIF,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;AAI1C,eAAO,MAAM,SAAS,iIAQrB,CAAA;AAED,+DAA+D;AAC/D,eAAO,MAAM,KAAK,qDAyBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/table/thead.js

@@ -5,13 +5,13 @@ import { useTableContext } from './context';
 import Th from './th';
 import Tr from './tr';
 export const TheadBase = styled.theadBox `
-	tr:not(:last-of-type) th {
-		border-bottom: 1px solid grey.20;
-	}
+  tr:not(:last-of-type) th {
+    border-bottom: 1px solid grey.20;
+  }
 
-	tr:last-of-type th {
-		border-bottom: 1px solid grey.40;
-	}
+  tr:last-of-type th {
+    border-bottom: 1px solid grey.40;
+  }
 `;
 /** Displays Table head with support for columns and sticky. */
 export const Thead = vui((props, ref) => {
@@ -28,5 +28,4 @@ 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, ...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;AAIF,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;AAEF,eAAe,EAAE,CAAA"}

package/dist/esm/table/tr.js

@@ -3,7 +3,7 @@ import { styled, useStyleConfig, vui } from '../core';
 import { cs } from '../utils';
 import { useTableContext } from './context';
 export const TrBase = styled.trBox `
-	transition-duration: fast;
+  transition-duration: fast;
 `;
 /** Displays Table row that can contain heading or data cells. */
 export const Tr = vui((props, ref) => {
@@ -13,5 +13,4 @@ export const Tr = vui((props, ref) => {
     const selectedProps = isSelected ? { bg: 'blue.10' } : {};
     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/table/useTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/table/useTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,8DAA8D;AAC9D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa;;wBAQV,MAAM;;EAMhD;AAED,oBAAY,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/table/useTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,8DAA8D;AAC9D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa;;wBAQT,MAAM;;EAMjD;AAED,oBAAY,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA"}

package/dist/esm/table/useTable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.types.d.ts","sourceRoot":"","sources":["../../../src/table/useTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,oBAAY,aAAa,GAAG;IAC3B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACnC,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,CAAA;CACX,CAAA"}
+{"version":3,"file":"useTable.types.d.ts","sourceRoot":"","sources":["../../../src/table/useTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,oBAAY,aAAa,GAAG;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACnC,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,cAAc,cAAc,CAAA"}

package/dist/esm/tabs/index.js

@@ -0,0 +1,4 @@
+export * from './tabs';
+export * from './tab';
+export { default } from './tabs';
+export * from './tabs.types';

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

@@ -0,0 +1,8 @@
+import { TabProps } from './tabs.types';
+export declare const TabBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/**
+ * Implements a Tab component
+ */
+export declare const Tab: import("../core").VuiComponent<"div", TabProps>;
+export default Tab;
+//# sourceMappingURL=tab.d.ts.map

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

@@ -0,0 +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,iDAOd,CAAA;AAEF,eAAe,GAAG,CAAA"}

package/dist/esm/tabs/tab.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { styled, vui } from '../core';
+import { cs } from '../utils';
+export const TabBase = styled.divBox `
+  width: 100%;
+`;
+/**
+ * Implements a Tab component
+ */
+export const Tab = vui((props, ref) => {
+    const { children, className } = props;
+    return (React.createElement(TabBase, { className: cs('vui-tab', className), ref: ref }, children));
+});
+export default Tab;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TabsProps } from './tabs.types';
+export declare const TabsBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").AnimationProps & import("..").BackgroundColorProps & import("..").BorderProps & import("..").BorderTopProps & import("..").BorderRightProps & import("..").BorderBottomProps & import("..").BorderLeftProps & import("..").BorderColorProps & import("..").BorderTopColorProps & import("..").BorderRightColorProps & import("..").BorderBottomColorProps & import("..").BorderLeftColorProps & import("..").BorderWidthProps & import("..").BorderTopWidthProps & import("..").BorderRightWidthProps & import("..").BorderBottomWidthProps & import("..").BorderLeftWidthProps & import("..").BorderStyleProps & import("..").BorderRadiusProps & import("..").OutlineProps & import("..").OutlineColorProps & import("..").OutlineWidthProps & import("..").OutlineStyleProps & import("..").DivideXProps & import("..").DivideYProps & import("..").DivideXReverseProps & import("..").DivideYReverseProps & import("..").DivideColorProps & import("..").DivideStyleProps & import("..").RingProps & import("..").RingColorProps & import("..").OpacityProps & import("..").BoxShadowProps & import("..").TextShadowProps & import("..").DisplayProps & import("..").AlignItemsProps & import("..").AlignContentProps & import("..").JustifyContentProps & import("..").JustifyItemsProps & import("..").FlexWrapProps & import("..").FlexGrowProps & import("..").FlexShrinkProps & import("..").FlexBasisProps & import("..").FlexDirectionProps & import("..").FlexProps & import("..").JustifySelfProps & import("..").AlignSelfProps & import("..").OrderProps & import("../system/flexboxGrids").RowProps & import("../system/flexboxGrids").ColProps & import("../system/grids").GapProps & import("../system/grids").ColumnGapProps & import("../system/grids").RowGapProps & import("../system/grids").GridColumnProps & import("../system/grids").GridRowProps & import("../system/grids").GridAutoFlowProps & import("../system/grids").GridAutoColumnsProps & import("../system/grids").GridAutoRowsProps & import("../system/grids").GridTemplateColumnsProps & import("../system/grids").GridTemplateRowsProps & import("../system/grids").GridTemplateAreasProps & import("../system/grids").GridAreaProps & import("..").AppearanceProps & import("..").CursorProps & import("..").PointerEventsProps & import("..").ResizeProps & import("..").UserSelectProps & import("..").IsTruncatedProps & import("..").FloatProps & import("..").BoxSizingProps & import("..").OverflowProps & import("..").OverflowXProps & import("..").OverflowYProps & import("..").PositionProps & import("..").ZIndexProps & import("..").TopProps & import("..").RightProps & import("..").BottomProps & import("..").LeftProps & import("..").VisibilityProps & import("..").OverscrollBehaviorProps & import("..").ObjectFitProps & import("..").MaxLinesProps & import("..").WidthProps & import("..").HeightProps & import("..").MaxWidthProps & import("..").MaxHeightProps & import("..").MinWidthProps & import("..").MinHeightProps & import("..").MarginProps & import("..").MarginTopProps & import("..").MarginRightProps & import("..").MarginBottomProps & import("..").MarginLeftProps & import("..").MarginXProps & import("..").MarginYProps & import("..").PaddingProps & import("..").PaddingTopProps & import("..").PaddingRightProps & import("..").PaddingBottomProps & import("..").PaddingLeftProps & import("..").PaddingXProps & import("..").PaddingYProps & import("..").SpaceXProps & import("..").SpaceYProps & import("..").SpaceXReverseProps & import("..").SpaceYReverseProps & import("../system/tables").BorderCollapseProps & import("../system/tables").TableLayoutProps & import("..").TransformProps & import("..").TransformOriginProps & import("..").TranslateXProps & import("..").TranslateYProps & import("..").RotateProps & import("..").SkewXProps & import("..").SkewYProps & import("..").ScaleProps & import("..").ScaleXProps & import("..").ScaleYProps & import("..").TransitionProps & import("..").TransitionPropertyProps & import("..").TransitionDurationProps & import("..").TransitionTimingFunctionProps & import("..").TransitionDelayProps & import("..").FontFamilyProps & import("..").FontSizeProps & import("..").FontStyleProps & import("..").FontWeightProps & import("..").LineHeightProps & import("..").ColorProps & import("..").TextTransformProps & import("..").TextDecorationProps & import("..").TextAlignProps & import("..").VerticalAlignProps & import("..").LetterSpacingProps & import("..").WhiteSpaceProps & import("..").TextOverflowProps & import("..").ListStyleTypeProps & import("..").ListStylePositionProps & import("..").WordBreakProps & import("..").ThemingProps<"Tabs"> & {
+    activeTabId?: number | undefined;
+    children?: React.ReactNode | React.ReactNode[];
+    withPanel?: boolean | undefined;
+    onTabClick?: ((id: number) => void) | undefined;
+}, never>;
+/**
+ * Implements Tabs navigation to switch between views.
+ */
+export declare const Tabs: import("../core").VuiComponent<"div", TabsProps>;
+export default Tabs;
+//# sourceMappingURL=tabs.d.ts.map

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

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

package/dist/esm/tabs/tabs.js

@@ -0,0 +1,52 @@
+import React, { useEffect } from 'react';
+import { styled, useStyleConfig, vui } from '../core';
+import { P } from '../p';
+import { Panel } from '../panel';
+import { cs } from '../utils';
+import Tab from './tab';
+import TabsNavBar from './tabsNavBar';
+import { useTabsState } from './useTabsState';
+export const TabsBase = styled.divBox `
+  width: 100%;
+`;
+/**
+ * Implements Tabs navigation to switch between views.
+ */
+export const Tabs = vui((props, ref) => {
+    const { activeTabId, children, className, size, withPanel, onTabClick, ...rest } = props;
+    const styles = useStyleConfig('Tabs', props);
+    const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = useTabsState('fadeIn', activeTabId);
+    useEffect(() => {
+        const t = [];
+        if (children) {
+            ;
+            children.forEach((child, index) => {
+                if (child?.props?.title) {
+                    t.push({
+                        id: index,
+                        title: child.props.title,
+                        children: child.props.children,
+                        disabled: child.props.disabled,
+                        onClick: child.props.onClick
+                    });
+                }
+            });
+        }
+        setTabs(t);
+        if (activeTabId !== undefined && tabs?.[activeTabId]) {
+            setActiveTabIndex(activeTabId);
+        }
+    }, [children, activeTabId]);
+    const onNavItemClick = (id) => {
+        setAnimationDirection(id < activeTabIndex ? 'fadeLeft' : 'fadeRight');
+        setActiveTabIndex(id);
+        onTabClick?.(id);
+        tabs.find(t => t.id === id)?.onClick?.();
+    };
+    const activeTab = tabs?.[activeTabIndex];
+    return (React.createElement(TabsBase, { className: cs('vui-tabs', className), ref: ref, ...styles.container, ...rest },
+        !!tabs?.length && (React.createElement(TabsNavBar, { activeNavItem: activeTabIndex, animationDirection: animationDirection, onNavItemClick: onNavItemClick, size: size, tabs: tabs, withPanel: withPanel })),
+        tabs?.length ? (withPanel ? (React.createElement(Panel, { display: "block", variant: "outlined", w: "100%" },
+            React.createElement(Tab, { onClick: activeTab?.onClick, title: activeTab?.title }, !activeTab?.disabled && activeTab?.children))) : (React.createElement(Tab, { onClick: activeTab?.onClick, title: activeTab?.title }, !activeTab?.disabled && activeTab?.children))) : (React.createElement(P, { p: 2 }, "Please specify Tabs."))));
+});
+export default Tabs;

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export declare type AnimationDirection = 'fadeLeft' | 'fadeRight' | 'fadeIn';
+export declare type TabsSize = 'md' | 'sm' | 'lg' | 'xl';
+export declare type TabsProps = SystemProps & ThemingProps<'Tabs'> & {
+    activeTabId?: number;
+    children?: ReactNode | ReactNode[];
+    /** Wraps up the tab content with an outlined panel. */
+    withPanel?: boolean;
+    onTabClick?: (id: number) => void;
+};
+export declare type TabProps = SystemProps & {
+    id?: number;
+    title: ReactNode;
+    children?: ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export declare type TabNavBarProps = {
+    tabs: TabProps[];
+    onNavItemClick: (id: number) => void;
+    activeNavItem?: number;
+    animationDirection?: AnimationDirection;
+    size?: TabsSize;
+    withPanel?: boolean;
+};
+//# sourceMappingURL=tabs.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAA;AAEpE,oBAAY,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD,oBAAY,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAEH,oBAAY,QAAQ,GAAG,WAAW,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,oBAAY,cAAc,GAAG;IAC3B,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}

package/dist/esm/tabs/tabs.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { TabNavBarProps } from './tabs.types';
+export declare const TabsNavBar: import("../core").VuiComponent<"div", TabNavBarProps>;
+export default TabsNavBar;
+//# sourceMappingURL=tabsNavBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAO,MAAM,UAAU,uDA0CrB,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/esm/tabs/tabsNavBar.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Box from '../box';
+import { vui } from '../core';
+import { List, ListItem } from '../list';
+import { cs } from '../utils';
+export const TabsNavBar = vui((props, ref) => {
+    const { tabs, onNavItemClick, activeNavItem, animationDirection, size, withPanel } = props;
+    return (React.createElement(List, { borderBottom: withPanel ? 'none' : '1px solid grey.40', className: cs('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: withPanel ? 0 : 2, ml: withPanel ? 1 : 0, ref: ref, size: size, w: 1 }, tabs?.map?.(tab => (React.createElement(ListItem, { className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`, disabled: tab.disabled, display: "inline-flex", key: tab.id, onClick: () => tab?.id !== undefined && onNavItemClick(tab.id), position: "relative" },
+        tab.title,
+        !tab.disabled && tab.id === activeNavItem && (React.createElement(Box, { animation: animationDirection, bg: "prussian.80", bottom: withPanel ? 0 : '-1px', h: `${size === 'sm' ? 2 : 4}px`, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
+});
+export default TabsNavBar;

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

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

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

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

package/dist/esm/tabs/theme.js

@@ -0,0 +1,17 @@
+const baseStyle = {};
+const defaultProps = {};
+const parts = ['container', 'tabsNavBar', 'tab'];
+const sizes = {
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {}
+};
+const variants = {};
+export default {
+    baseStyle,
+    defaultProps,
+    parts,
+    sizes,
+    variants
+};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AnimationDirection, TabProps } from './tabs.types';
+export declare const useTabsState: (initialAnimation: AnimationDirection, activeTabId?: number | undefined) => {
+    tabs: TabProps[];
+    setTabs: import("react").Dispatch<import("react").SetStateAction<TabProps[]>>;
+    activeTabIndex: number;
+    setActiveTabIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    animationDirection: AnimationDirection;
+    setAnimationDirection: import("react").Dispatch<import("react").SetStateAction<AnimationDirection>>;
+};
+//# sourceMappingURL=useTabsState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsState.d.ts","sourceRoot":"","sources":["../../../src/tabs/useTabsState.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE3D,eAAO,MAAM,YAAY,qBAAsB,kBAAkB;;;;;;;CAMhE,CAAA"}

package/dist/esm/tabs/useTabsState.js

@@ -0,0 +1,7 @@
+import { useState } from 'react';
+export const useTabsState = (initialAnimation, activeTabId) => {
+    const [tabs, setTabs] = useState([]);
+    const [activeTabIndex, setActiveTabIndex] = useState(activeTabId ?? 0);
+    const [animationDirection, setAnimationDirection] = useState(initialAnimation);
+    return { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection };
+};

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,gIAuBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FP,gBAAgB;UAClB,cAAc;UACd,cAAc;CACpB,CAAA;AAQD,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,gIAuBnB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;YA2FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAMD,eAAe,GAAG,CAAA"}

package/dist/esm/tag/tag.js

@@ -6,28 +6,28 @@ import TagButton from './tagButton';
 import TagIcon from './tagIcon';
 import TagText from './tagText';
 export const TagBase = styled.spanBox `
-	align-items: center;
-	border-radius: md;
-	display: inline-flex;
-	font-weight: medium;
-	justify-content: center;
-	line-height: normal;
-	max-width: 100%;
-	position: relative;
-	transition-duration: fast;
-	width: fit-content;
+  align-items: center;
+  border-radius: md;
+  display: inline-flex;
+  font-weight: medium;
+  justify-content: center;
+  line-height: normal;
+  max-width: 100%;
+  position: relative;
+  transition-duration: fast;
+  width: fit-content;
 
-	&:focus {
-		border-color: transparent;
-		outline: none;
-	}
+  &:focus {
+    border-color: transparent;
+    outline: none;
+  }
 
-	&[aria-disabled='true'] {
-		background-color: disabled.bg;
-		color: disabled.color;
-		cursor: not-allowed;
-		user-select: none;
-	}
+  &[aria-disabled='true'] {
+    background-color: disabled.bg;
+    color: disabled.color;
+    cursor: not-allowed;
+    user-select: none;
+  }
 `;
 /**
  * Displays text, icons or custom content. Can be made interactive or a link.
@@ -66,9 +66,8 @@ export const Tag = vui((props, ref) => {
                 isString(iconLeft) ? React.createElement(TagIcon, { mr: spaceX, name: iconLeft }) : iconLeft,
                 children ?? (isReactText(text) ? React.createElement(TagText, { ...{ isTruncated, text } }) : text),
                 isString(iconRight) ? React.createElement(TagIcon, { ml: spaceX, name: iconRight }) : iconRight,
-                onDelete ? React.createElement(TagButton, { ml: spaceX, onClick: onDelete }) : itemRight)))));
+                onDelete ? React.createElement(TagButton, { isRound: isRound, ml: spaceX, onClick: onDelete }) : itemRight)))));
 });
-Tag.displayName = 'Tag';
 Tag.Button = TagButton;
 Tag.Icon = TagIcon;
 Tag.Text = TagText;

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

@@ -1 +1 @@
-{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GACjC,YAAY,CAAC,KAAK,CAAC,GAAG;IACrB,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
+{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}

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,uDAoBpB,CAAA;AAIF,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,uDAoBpB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/esm/tag/tagButton.js

@@ -10,5 +10,4 @@ export const TagButton = vui((props, ref) => {
     const styles = useStyleConfig('Tag', useTagContext());
     return (React.createElement(Button, { borderColor: "transparent", className: cs('vui-tagButton', className), colorScheme: mergedProps.colorScheme, disabled: mergedProps.disabled, hoverBorderColor: "transparent", icon: "falTimes", mr: -0.5, ref: ref, variant: "text", ...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;AAIF,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;AAEF,eAAe,OAAO,CAAA"}