@veracity/vui 1.0.0 → 1.1.1

package/dist/cjs/t/t.js

@@ -19,7 +19,7 @@ const react_1 = __importDefault(require("react"));
 const core_1 = require("../core");
 const utils_1 = require("../utils");
 exports.TBase = core_1.styled.spanBox `
-	transition-duration: fast;
+  transition-duration: fast;
 `;
 /** Displays given text and allows easy styling. */
 exports.T = (0, core_1.vui)((props, ref) => {
@@ -35,5 +35,4 @@ exports.T = (0, core_1.vui)((props, ref) => {
     });
     return (react_1.default.createElement(exports.TBase, Object.assign({ className: (0, utils_1.cs)('vui-t', className), ref: ref }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
 });
-exports.T.displayName = 'T';
 exports.default = exports.T;

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

@@ -1 +1 @@
-{"version":3,"file":"t.types.d.ts","sourceRoot":"","sources":["../../../src/t/t.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,MAAM,GAAG,WAAW,GAC/B,YAAY,CAAC,GAAG,CAAC,GAAG;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACpC,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
+{"version":3,"file":"t.types.d.ts","sourceRoot":"","sources":["../../../src/t/t.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,MAAM,GAAG,WAAW,GAC9B,YAAY,CAAC,GAAG,CAAC,GAAG;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACpC,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/table/table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,YAAY,EAAE,MAAM,SAAS,CAAA;AAGxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,MAAM,MAAM,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,MAAM,MAAM,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,MAAM,MAAM,CAAA;AAGrB;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;SAmCrB,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,KAAK;cA8CP,oBAAoB;WACvB,YAAY;QACf,SAAS;WACN,YAAY;QACf,SAAS;WACN,YAAY;QACf,SAAS;CACb,CAAA;AAYD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/table/table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,YAAY,EAAE,MAAM,SAAS,CAAA;AAGxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,MAAM,MAAM,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,MAAM,MAAM,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,MAAM,MAAM,CAAA;AAGrB;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;SAmCrB,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,KAAK;cA8CN,oBAAoB;WACvB,YAAY;QACf,SAAS;WACN,YAAY;QACf,SAAS;WACN,YAAY;QACf,SAAS;CACd,CAAA;AAUD,eAAe,KAAK,CAAA"}

package/dist/cjs/table/table.js

@@ -54,39 +54,39 @@ const useTable_1 = __importDefault(require("./useTable"));
  * Displays a Table with support for columns, rows and sort.
  */
 exports.TableBase = core_1.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 &&
     (0, core_1.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. */
 exports.Table = (0, core_1.vui)((props, ref) => {
@@ -102,7 +102,6 @@ exports.Table = (0, core_1.vui)((props, ref) => {
             react_1.default.createElement(thead_1.default, null),
             react_1.default.createElement(tbody_1.default, null))))));
 });
-exports.Table.displayName = 'Table';
 exports.Table.SortIcon = tableSortIcon_1.default;
 exports.Table.Tbody = tbody_1.default;
 exports.Table.Td = td_1.default;

package/dist/cjs/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/cjs/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/cjs/table/tableSortIcon.js

@@ -29,5 +29,4 @@ exports.TableSortIcon = (0, core_1.vui)((props, ref) => {
     const pathFill = order !== undefined ? ['blue.80', 'grey.40'] : 'grey.40';
     return (react_1.default.createElement(icon_1.Icon, Object.assign({ className: (0, utils_1.cs)('vui-tableSortIcon', className), name: "fadSortUp", pathFill: pathFill, ref: ref, rotate: rotate, size: "xs" }, styles.tableSortIcon, rest)));
 });
-exports.TableSortIcon.displayName = 'TableSortIcon';
 exports.default = exports.TableSortIcon;

package/dist/cjs/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/cjs/table/tbody.js

@@ -22,19 +22,19 @@ const context_1 = require("./context");
 const td_1 = __importDefault(require("./td"));
 const tr_1 = __importDefault(require("./tr"));
 exports.TbodyBase = core_1.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. */
 exports.Tbody = (0, core_1.vui)((props, ref) => {
@@ -44,5 +44,4 @@ exports.Tbody = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Table', (0, context_1.useTableContext)());
     return (react_1.default.createElement(exports.TbodyBase, Object.assign({ className: (0, utils_1.cs)('vui-tbody', className), ref: ref }, styles.tbody, rest), children !== null && children !== void 0 ? children : rows === null || rows === void 0 ? void 0 : rows.map((row, index) => (react_1.default.createElement(tr_1.default, { key: index }, columns === null || columns === void 0 ? void 0 : columns.map(column => (react_1.default.createElement(td_1.default, Object.assign({ key: column.field }, column), row[column.field]))))))));
 });
-exports.Tbody.displayName = 'Tbody';
 exports.default = exports.Tbody;

package/dist/cjs/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/cjs/table/td.js

@@ -20,7 +20,7 @@ const core_1 = require("../core");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 exports.TdBase = core_1.styled.tdBox `
-	transition-duration: fast;
+  transition-duration: fast;
 `;
 /** Displays a cell inside Table row. */
 exports.Td = (0, core_1.vui)((props, ref) => {
@@ -28,5 +28,4 @@ exports.Td = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Table', (0, context_1.useTableContext)());
     return react_1.default.createElement(exports.TdBase, Object.assign({ className: (0, utils_1.cs)('vui-td', className), px: 2, ref: ref }, styles.td, rest));
 });
-exports.Td.displayName = 'Td';
 exports.default = exports.Td;

package/dist/cjs/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/cjs/table/tfoot.js

@@ -26,5 +26,4 @@ exports.Tfoot = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Table', (0, context_1.useTableContext)());
     return react_1.default.createElement(exports.TfootBase, Object.assign({ className: (0, utils_1.cs)('vui-tfoot', className), ref: ref }, styles.tfoot, rest));
 });
-exports.Tfoot.displayName = 'Tfoot';
 exports.default = exports.Tfoot;

package/dist/cjs/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/cjs/table/th.js

@@ -22,9 +22,9 @@ const utils_1 = require("../utils");
 const context_1 = require("./context");
 const tableSortIcon_1 = __importDefault(require("./tableSortIcon"));
 exports.ThBase = core_1.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. */
 exports.Th = (0, core_1.vui)((props, ref) => {
@@ -55,5 +55,4 @@ exports.Th = (0, core_1.vui)((props, ref) => {
         title,
         isSortable && react_1.default.createElement(tableSortIcon_1.default, { ml: 1, my: 0.5, order: sortOrder })))));
 });
-exports.Th.displayName = 'Th';
 exports.default = exports.Th;

package/dist/cjs/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/cjs/table/thead.js

@@ -22,13 +22,13 @@ const context_1 = require("./context");
 const th_1 = __importDefault(require("./th"));
 const tr_1 = __importDefault(require("./tr"));
 exports.TheadBase = core_1.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. */
 exports.Thead = (0, core_1.vui)((props, ref) => {
@@ -46,5 +46,4 @@ exports.Thead = (0, core_1.vui)((props, ref) => {
         : {};
     return (react_1.default.createElement(exports.TheadBase, Object.assign({ className: (0, utils_1.cs)('vui-thead', className), ref: ref }, stickyProps, styles.thead, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(tr_1.default, null, columns === null || columns === void 0 ? void 0 : columns.map(column => (react_1.default.createElement(th_1.default, Object.assign({ key: column.field }, column))))))));
 });
-exports.Thead.displayName = 'Thead';
 exports.default = exports.Thead;

package/dist/cjs/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/cjs/table/tr.js

@@ -20,7 +20,7 @@ const core_1 = require("../core");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 exports.TrBase = core_1.styled.trBox `
-	transition-duration: fast;
+  transition-duration: fast;
 `;
 /** Displays Table row that can contain heading or data cells. */
 exports.Tr = (0, core_1.vui)((props, ref) => {
@@ -31,5 +31,4 @@ exports.Tr = (0, core_1.vui)((props, ref) => {
     const selectedProps = isSelected ? { bg: 'blue.10' } : {};
     return (react_1.default.createElement(exports.TrBase, Object.assign({ className: (0, utils_1.cs)('vui-tr', className), "data-selected": Boolean(isSelected), "data-variant": variant, ref: ref }, styles.tr, selectedProps, rest)));
 });
-exports.Tr.displayName = 'Tr';
 exports.default = exports.Tr;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/tabs/index.js

@@ -0,0 +1,25 @@
+"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("./tabs"), exports);
+__exportStar(require("./tab"), exports);
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(tabs_1).default; } });
+__exportStar(require("./tabs.types"), exports);

package/dist/cjs/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/cjs/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/cjs/tabs/tab.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.TabBase = void 0;
+const react_1 = __importDefault(require("react"));
+const core_1 = require("../core");
+const utils_1 = require("../utils");
+exports.TabBase = core_1.styled.divBox `
+  width: 100%;
+`;
+/**
+ * Implements a Tab component
+ */
+exports.Tab = (0, core_1.vui)((props, ref) => {
+    const { children, className } = props;
+    return (react_1.default.createElement(exports.TabBase, { className: (0, utils_1.cs)('vui-tab', className), ref: ref }, children));
+});
+exports.default = exports.Tab;

package/dist/cjs/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/cjs/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/cjs/tabs/tabs.js

@@ -0,0 +1,94 @@
+"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.Tabs = exports.TabsBase = void 0;
+const react_1 = __importStar(require("react"));
+const core_1 = require("../core");
+const p_1 = require("../p");
+const panel_1 = require("../panel");
+const utils_1 = require("../utils");
+const tab_1 = __importDefault(require("./tab"));
+const tabsNavBar_1 = __importDefault(require("./tabsNavBar"));
+const useTabsState_1 = require("./useTabsState");
+exports.TabsBase = core_1.styled.divBox `
+  width: 100%;
+`;
+/**
+ * Implements Tabs navigation to switch between views.
+ */
+exports.Tabs = (0, core_1.vui)((props, ref) => {
+    const { activeTabId, children, className, size, withPanel, onTabClick } = props, rest = __rest(props, ["activeTabId", "children", "className", "size", "withPanel", "onTabClick"]);
+    const styles = (0, core_1.useStyleConfig)('Tabs', props);
+    const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = (0, useTabsState_1.useTabsState)('fadeIn', activeTabId);
+    (0, react_1.useEffect)(() => {
+        const t = [];
+        if (children) {
+            ;
+            children.forEach((child, index) => {
+                var _a;
+                if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.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 === null || tabs === void 0 ? void 0 : tabs[activeTabId])) {
+            setActiveTabIndex(activeTabId);
+        }
+    }, [children, activeTabId]);
+    const onNavItemClick = (id) => {
+        var _a, _b;
+        setAnimationDirection(id < activeTabIndex ? 'fadeLeft' : 'fadeRight');
+        setActiveTabIndex(id);
+        onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(id);
+        (_b = (_a = tabs.find(t => t.id === id)) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    const activeTab = tabs === null || tabs === void 0 ? void 0 : tabs[activeTabIndex];
+    return (react_1.default.createElement(exports.TabsBase, Object.assign({ className: (0, utils_1.cs)('vui-tabs', className), ref: ref }, styles.container, rest),
+        !!(tabs === null || tabs === void 0 ? void 0 : tabs.length) && (react_1.default.createElement(tabsNavBar_1.default, { activeNavItem: activeTabIndex, animationDirection: animationDirection, onNavItemClick: onNavItemClick, size: size, tabs: tabs, withPanel: withPanel })),
+        (tabs === null || tabs === void 0 ? void 0 : tabs.length) ? (withPanel ? (react_1.default.createElement(panel_1.Panel, { display: "block", variant: "outlined", w: "100%" },
+            react_1.default.createElement(tab_1.default, { onClick: activeTab === null || activeTab === void 0 ? void 0 : activeTab.onClick, title: activeTab === null || activeTab === void 0 ? void 0 : activeTab.title }, !(activeTab === null || activeTab === void 0 ? void 0 : activeTab.disabled) && (activeTab === null || activeTab === void 0 ? void 0 : activeTab.children)))) : (react_1.default.createElement(tab_1.default, { onClick: activeTab === null || activeTab === void 0 ? void 0 : activeTab.onClick, title: activeTab === null || activeTab === void 0 ? void 0 : activeTab.title }, !(activeTab === null || activeTab === void 0 ? void 0 : activeTab.disabled) && (activeTab === null || activeTab === void 0 ? void 0 : activeTab.children)))) : (react_1.default.createElement(p_1.P, { p: 2 }, "Please specify Tabs."))));
+});
+exports.default = exports.Tabs;

package/dist/cjs/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/cjs/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/cjs/tabs/tabs.types.js

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

package/dist/cjs/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/cjs/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/cjs/tabs/tabsNavBar.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsNavBar = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = __importDefault(require("../box"));
+const core_1 = require("../core");
+const list_1 = require("../list");
+const utils_1 = require("../utils");
+exports.TabsNavBar = (0, core_1.vui)((props, ref) => {
+    var _a;
+    const { tabs, onNavItemClick, activeNavItem, animationDirection, size, withPanel } = props;
+    return (react_1.default.createElement(list_1.List, { borderBottom: withPanel ? 'none' : '1px solid grey.40', className: (0, utils_1.cs)('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: withPanel ? 0 : 2, ml: withPanel ? 1 : 0, ref: ref, size: size, w: 1 }, (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, tab => (react_1.default.createElement(list_1.ListItem, { className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab === null || tab === void 0 ? void 0 : tab.id}`, disabled: tab.disabled, display: "inline-flex", key: tab.id, onClick: () => (tab === null || tab === void 0 ? void 0 : tab.id) !== undefined && onNavItemClick(tab.id), position: "relative" },
+        tab.title,
+        !tab.disabled && tab.id === activeNavItem && (react_1.default.createElement(box_1.default, { animation: animationDirection, bg: "prussian.80", bottom: withPanel ? 0 : '-1px', h: `${size === 'sm' ? 2 : 4}px`, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
+});
+exports.default = exports.TabsNavBar;

package/dist/cjs/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/cjs/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/cjs/tabs/theme.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {};
+const parts = ['container', 'tabsNavBar', 'tab'];
+const sizes = {
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {}
+};
+const variants = {};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    parts,
+    sizes,
+    variants
+};

package/dist/cjs/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/cjs/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"}