@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.1

package/dist/components/Table/Tbody.js

@@ -6,7 +6,12 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const Tbody = React.forwardRef((props, ref) => {
-    return (jsxRuntime.jsx(react.Tbody, { ref: ref, color: "gray.1500", fontWeight: "medium", ...props }));
+    return (jsxRuntime.jsx(react.Table.Body, { ref: ref, color: "gray.1500", fontWeight: "medium", css: {
+            // Remove bottom border from last row to prevent overlap with container border
+            '& > tr:last-of-type > td': {
+                borderBottom: 'none',
+            },
+        }, ...props }));
 });
 Tbody.displayName = 'Tbody';
 

package/dist/components/Table/Tbody.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tbody.js","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTbody"],"mappings":";;;;;;;AAGO,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEC,cAAA,CAACC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,KAAK,KAAK,EAAA,CAAI;AAE9E,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Tbody.js","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Table"],"mappings":";;;;;;;AAGO,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEC,cAAA,CAACC,WAAK,CAAC,IAAI,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,WAAW,EACjB,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE;;AAEH,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;SACF,EAAA,GACG,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Table/Tbody.mjs

@@ -1,10 +1,15 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Tbody as Tbody$1 } from '@chakra-ui/react';
+import { Table } from '@chakra-ui/react';
 
 const Tbody = forwardRef((props, ref) => {
-    return (jsx(Tbody$1, { ref: ref, color: "gray.1500", fontWeight: "medium", ...props }));
+    return (jsx(Table.Body, { ref: ref, color: "gray.1500", fontWeight: "medium", css: {
+            // Remove bottom border from last row to prevent overlap with container border
+            '& > tr:last-of-type > td': {
+                borderBottom: 'none',
+            },
+        }, ...props }));
 });
 Tbody.displayName = 'Tbody';
 

package/dist/components/Table/Tbody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tbody.mjs","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTbody"],"mappings":";;;;;AAGO,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEA,GAAA,CAACC,OAAW,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,KAAK,KAAK,EAAA,CAAI;AAE9E,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Tbody.mjs","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEA,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,WAAW,EACjB,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE;;AAEH,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;SACF,EAAA,GACG,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Table/Td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,EAAE;yIAaZ,cAAc,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE;;CAmHrC,CAAC"}
+{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,EAAE;yIAaZ,cAAc,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE;;CAqHrC,CAAC"}

package/dist/components/Table/Td.js

@@ -11,7 +11,6 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
     const cellRef = React.useRef(null);
     const tableContext = TableContext.useTableContext();
     // Define all style variables ahead of time so they can be used constantly
-    const grayColor = react.useToken('colors', 'gray.300');
     const paddingToken = react.useToken('space', '3'); // py={3} equivalent
     const fontSizeToken = react.useToken('fontSizes', 'p');
     const spacingToken = react.useToken('space', '4'); // spacing 4 for paddingInlineStart
@@ -26,16 +25,23 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
             // Add other standard HTML props as needed
         };
         return (jsxRuntime.jsx("td", { ref: cellRef, style: {
-                border: 0,
-                borderTop: '1px solid',
-                borderTopColor: grayColor,
                 color: 'inherit',
-                fontSize: fontSizeToken,
-                paddingTop: paddingToken,
-                paddingBottom: paddingToken,
+                fontSize: Array.isArray(fontSizeToken)
+                    ? fontSizeToken[0]
+                    : fontSizeToken,
+                paddingTop: Array.isArray(paddingToken)
+                    ? paddingToken[0]
+                    : paddingToken,
+                paddingBottom: Array.isArray(paddingToken)
+                    ? paddingToken[0]
+                    : paddingToken,
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
-                paddingInlineStart: _first ? spacingToken : undefined,
+                paddingInlineStart: _first
+                    ? Array.isArray(spacingToken)
+                        ? spacingToken[0]
+                        : spacingToken
+                    : undefined,
                 ...(wrap
                     ? {
                         whiteSpace: 'normal',
@@ -62,7 +68,7 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
     const isLastSticky = isSticky && isLastStickyColumn(stickyDirection, stickyIndex);
     // Apply sticky styles with appropriate offset
     const stickyStyles = Table_styles.getStickyStyles(isSticky, stickyDirection, scrollState, stickyOffset, isLastSticky);
-    return (jsxRuntime.jsx(react.Td, { border: 0, borderTop: "1px solid", borderTopColor: "gray.300", color: "inherit", fontSize: "p", py: 3, overflow: "hidden", textOverflow: "ellipsis", ref: cellRef, style: style, _first: {
+    return (jsxRuntime.jsx(react.Table.Cell, { color: "inherit", py: 3, overflow: "hidden", textOverflow: "ellipsis", ref: cellRef, style: style, _first: {
             '&:not(:last-child)': {
                 paddingInlineStart: 4,
             },

package/dist/components/Table/Td.js.map

@@ -1 +1 @@
-{"version":3,"file":"Td.js","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["useRef","useTableContext","useToken","_jsx","useEffect","getStickyStyles","ChakraTd"],"mappings":"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"}
+{"version":3,"file":"Td.js","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["useRef","useTableContext","useToken","_jsx","useEffect","getStickyStyles","Table"],"mappings":"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"}

package/dist/components/Table/Td.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
-import { useToken, Td as Td$1 } from '@chakra-ui/react';
+import { useToken, Table } from '@chakra-ui/react';
 import { getStickyStyles } from './Table.styles.mjs';
 import { useTableContext } from './TableContext.mjs';
 
@@ -9,7 +9,6 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
     const cellRef = useRef(null);
     const tableContext = useTableContext();
     // Define all style variables ahead of time so they can be used constantly
-    const grayColor = useToken('colors', 'gray.300');
     const paddingToken = useToken('space', '3'); // py={3} equivalent
     const fontSizeToken = useToken('fontSizes', 'p');
     const spacingToken = useToken('space', '4'); // spacing 4 for paddingInlineStart
@@ -24,16 +23,23 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
             // Add other standard HTML props as needed
         };
         return (jsx("td", { ref: cellRef, style: {
-                border: 0,
-                borderTop: '1px solid',
-                borderTopColor: grayColor,
                 color: 'inherit',
-                fontSize: fontSizeToken,
-                paddingTop: paddingToken,
-                paddingBottom: paddingToken,
+                fontSize: Array.isArray(fontSizeToken)
+                    ? fontSizeToken[0]
+                    : fontSizeToken,
+                paddingTop: Array.isArray(paddingToken)
+                    ? paddingToken[0]
+                    : paddingToken,
+                paddingBottom: Array.isArray(paddingToken)
+                    ? paddingToken[0]
+                    : paddingToken,
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
-                paddingInlineStart: _first ? spacingToken : undefined,
+                paddingInlineStart: _first
+                    ? Array.isArray(spacingToken)
+                        ? spacingToken[0]
+                        : spacingToken
+                    : undefined,
                 ...(wrap
                     ? {
                         whiteSpace: 'normal',
@@ -60,7 +66,7 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
     const isLastSticky = isSticky && isLastStickyColumn(stickyDirection, stickyIndex);
     // Apply sticky styles with appropriate offset
     const stickyStyles = getStickyStyles(isSticky, stickyDirection, scrollState, stickyOffset, isLastSticky);
-    return (jsx(Td$1, { border: 0, borderTop: "1px solid", borderTopColor: "gray.300", color: "inherit", fontSize: "p", py: 3, overflow: "hidden", textOverflow: "ellipsis", ref: cellRef, style: style, _first: {
+    return (jsx(Table.Cell, { color: "inherit", py: 3, overflow: "hidden", textOverflow: "ellipsis", ref: cellRef, style: style, _first: {
             '&:not(:last-child)': {
                 paddingInlineStart: 4,
             },

package/dist/components/Table/Td.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Td.mjs","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTd"],"mappings":"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"}
+{"version":3,"file":"Td.mjs","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Table/Th.d.ts

@@ -1,4 +1,4 @@
-import { TableColumnHeaderProps } from '@chakra-ui/react';
+import { Table } from '@chakra-ui/react';
 import { TableCellProps } from './Table.types';
-export declare const Th: import("react").ForwardRefExoticComponent<TableColumnHeaderProps & TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const Th: import("react").ForwardRefExoticComponent<Table.ColumnHeaderProps & TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
 //# sourceMappingURL=Th.d.ts.map

package/dist/components/Table/Th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EAGvB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,EAAE,0IA4Id,CAAC"}
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAY,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,EAAE,2IAgJd,CAAC"}

package/dist/components/Table/Th.js

@@ -37,10 +37,14 @@ const Th = React.forwardRef(({ isSticky = false, stickyDirection = 'left', stick
         return (jsxRuntime.jsx("th", { ref: setRefsForRegularTh, style: {
                 color: 'inherit',
                 fontWeight: 'inherit',
-                fontSize: fontSizeToken,
+                fontSize: Array.isArray(fontSizeToken)
+                    ? fontSizeToken[0]
+                    : fontSizeToken,
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
-                paddingInlineStart: spacingToken,
+                paddingInlineStart: Array.isArray(spacingToken)
+                    ? spacingToken[0]
+                    : spacingToken,
                 ...style,
             }, ...htmlProps, children: children }));
     }
@@ -72,7 +76,7 @@ const Th = React.forwardRef(({ isSticky = false, stickyDirection = 'left', stick
     const isLastSticky = isSticky && isLastStickyColumn(stickyDirection, stickyIndex);
     // Apply sticky styles with appropriate offset
     const stickyStyles = Table_styles.getStickyStyles(isSticky, stickyDirection, scrollState, stickyOffset, isLastSticky);
-    return (jsxRuntime.jsx(react.Th, { color: "inherit", fontWeight: "inherit", fontSize: "subtitle", overflow: "hidden", textOverflow: "ellipsis", ref: setRefs, style: style, _first: {
+    return (jsxRuntime.jsx(react.Table.ColumnHeader, { color: "inherit", fontWeight: "inherit", textStyle: "subtitle", overflow: "hidden", textOverflow: "ellipsis", ref: setRefs, style: style, _first: {
             '&:not(:last-child)': {
                 paddingInlineStart: 4,
             },

package/dist/components/Table/Th.js.map

@@ -1 +1 @@
-{"version":3,"file":"Th.js","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["forwardRef","useTableContext","useRef","useToken","useCallback","_jsx","useEffect","getStickyStyles","ChakraTh"],"mappings":"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"}
+{"version":3,"file":"Th.js","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["forwardRef","useTableContext","useRef","useToken","useCallback","_jsx","useEffect","getStickyStyles","Table"],"mappings":"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"}

package/dist/components/Table/Th.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useCallback, useEffect } from 'react';
-import { useToken, Th as Th$1 } from '@chakra-ui/react';
+import { useToken, Table } from '@chakra-ui/react';
 import { getStickyStyles } from './Table.styles.mjs';
 import { useTableContext } from './TableContext.mjs';
 
@@ -35,10 +35,14 @@ const Th = forwardRef(({ isSticky = false, stickyDirection = 'left', stickyIndex
         return (jsx("th", { ref: setRefsForRegularTh, style: {
                 color: 'inherit',
                 fontWeight: 'inherit',
-                fontSize: fontSizeToken,
+                fontSize: Array.isArray(fontSizeToken)
+                    ? fontSizeToken[0]
+                    : fontSizeToken,
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
-                paddingInlineStart: spacingToken,
+                paddingInlineStart: Array.isArray(spacingToken)
+                    ? spacingToken[0]
+                    : spacingToken,
                 ...style,
             }, ...htmlProps, children: children }));
     }
@@ -70,7 +74,7 @@ const Th = forwardRef(({ isSticky = false, stickyDirection = 'left', stickyIndex
     const isLastSticky = isSticky && isLastStickyColumn(stickyDirection, stickyIndex);
     // Apply sticky styles with appropriate offset
     const stickyStyles = getStickyStyles(isSticky, stickyDirection, scrollState, stickyOffset, isLastSticky);
-    return (jsx(Th$1, { color: "inherit", fontWeight: "inherit", fontSize: "subtitle", overflow: "hidden", textOverflow: "ellipsis", ref: setRefs, style: style, _first: {
+    return (jsx(Table.ColumnHeader, { color: "inherit", fontWeight: "inherit", textStyle: "subtitle", overflow: "hidden", textOverflow: "ellipsis", ref: setRefs, style: style, _first: {
             '&:not(:last-child)': {
                 paddingInlineStart: 4,
             },

package/dist/components/Table/Th.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Th.mjs","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTh"],"mappings":";;;;;;;AAWO,MAAM,EAAE,GAAG,UAAU,CAI1B,CACE,EACE,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,MAAM,EACxB,WAAW,GAAG,CAAC,EACf,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,GAAG,IAAI,EACR,EACD,YAAY,KACV;AACF,IAAA,MAAM,YAAY,GAAG,eAAe,EAAE;AACtC,IAAA,MAAM,cAAc,GAAG,MAAM,CAA8B,IAAI,CAAC;IAChE,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC;IACvD,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;;IAG5C,IAAI,CAAC,YAAY,EAAE;;AAEjB,QAAA,MAAM,SAAS,GAAG;YAChB,SAAS;YACT,OAAO;YACP,YAAY;YACZ,YAAY;;SAEb;;AAGD,QAAA,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,IAAiC,KAAI;;AAEpC,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;;AAG7B,YAAA,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;gBACtC,YAAY,CAAC,IAAI,CAAC;YACpB;iBAAO,IAAI,YAAY,EAAE;AACvB,gBAAA,YAAY,CAAC,OAAO,GAAG,IAAI;YAC7B;AACF,QAAA,CAAC,EACD,CAAC,YAAY,CAAC,CACf;AAED,QAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,YAAY,EAAE,UAAU;AACxB,gBAAA,kBAAkB,EAAE,YAAY;AAChC,gBAAA,GAAG,KAAK;AACT,aAAA,EAAA,GACG,SAAS,EAAA,QAAA,EAEZ,QAAQ,EAAA,CACN;IAET;AAEA,IAAA,MAAM,EACJ,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,GAAG,WAAW,EACf,GAAG,YAAY;;IAGhB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,IAAI,cAAc,CAAC,OAAO,EAAE;YACtC,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK;AAClE,YAAA,oBAAoB,CAAC,eAAe,EAAE,WAAW,EAAE,KAAK,CAAC;QAC3D;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;;AAGlE,IAAA,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAiC,KAAI;;AAEpC,QAAA,cAAc,CAAC,OAAO,GAAG,IAAI;;AAG7B,QAAA,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;YACtC,YAAY,CAAC,IAAI,CAAC;QACpB;aAAO,IAAI,YAAY,EAAE;AACvB,YAAA,YAAY,CAAC,OAAO,GAAG,IAAI;QAC7B;AACF,IAAA,CAAC,EACD,CAAC,YAAY,CAAC,CACf;;IAGD,MAAM,YAAY,GAAG;AACnB,UAAE,eAAe,CAAC,eAAe,EAAE,WAAW;UAC5C,CAAC;;IAGL,MAAM,YAAY,GAChB,QAAQ,IAAI,kBAAkB,CAAC,eAAe,EAAE,WAAW,CAAC;;AAG9D,IAAA,MAAM,YAAY,GAAG,eAAe,CAClC,QAAQ,EACR,eAAe,EACf,WAAW,EACX,YAAY,EACZ,YAAY,CACb;AAED,IAAA,QACEA,GAAA,CAACC,IAAQ,EAAA,EACP,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,EACjB,YAAY,EAAC,UAAU,EACvB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE;AACN,YAAA,oBAAoB,EAAE;AACpB,gBAAA,kBAAkB,EAAE,CAAC;AACtB,aAAA;AACF,SAAA,EAAA,GACG,YAAY,EAAA,GACZ,IAAI,YAEP,QAAQ,EAAA,CACA;AAEf,CAAC;AAGH,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"Th.mjs","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Table/Thead.d.ts

@@ -1,3 +1,3 @@
-import { TableHeadProps } from '@chakra-ui/react';
-export declare const Thead: ({ ...rest }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+import { Table } from '@chakra-ui/react';
+export declare const Thead: ({ ...rest }: Table.HeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Thead.d.ts.map

package/dist/components/Table/Thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thead.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Thead.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAExE,eAAO,MAAM,KAAK,GAAI,aAAa,cAAc,4CAEhD,CAAC"}
+{"version":3,"file":"Thead.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Thead.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,eAAO,MAAM,KAAK,GAAI,aAAa,KAAK,CAAC,WAAW,4CAEnD,CAAC"}

package/dist/components/Table/Thead.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
 const Thead = ({ ...rest }) => {
-    return jsxRuntime.jsx(react.Thead, { color: "gray.800", fontWeight: "medium", ...rest });
+    return jsxRuntime.jsx(react.Table.Header, { color: "gray.800", fontWeight: "medium", ...rest });
 };
 
 exports.Thead = Thead;

package/dist/components/Table/Thead.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thead.js","sources":["../../../src/components/Table/Thead.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraThead"],"mappings":";;;;;;AAEO,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,KAAI;AACnD,IAAA,OAAOA,cAAA,CAACC,WAAW,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAA,GAAK,IAAI,GAAI;AACvE;;;;"}
+{"version":3,"file":"Thead.js","sources":["../../../src/components/Table/Thead.tsx"],"sourcesContent":[null],"names":["_jsx","Table"],"mappings":";;;;;;AAEO,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAqB,KAAI;AACtD,IAAA,OAAOA,cAAA,CAACC,WAAK,CAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAA,GAAK,IAAI,GAAI;AACxE;;;;"}

package/dist/components/Table/Thead.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Thead as Thead$1 } from '@chakra-ui/react';
+import { Table } from '@chakra-ui/react';
 
 const Thead = ({ ...rest }) => {
-    return jsx(Thead$1, { color: "gray.800", fontWeight: "medium", ...rest });
+    return jsx(Table.Header, { color: "gray.800", fontWeight: "medium", ...rest });
 };
 
 export { Thead };

package/dist/components/Table/Thead.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Thead.mjs","sources":["../../../src/components/Table/Thead.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraThead"],"mappings":";;;;AAEO,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,KAAI;AACnD,IAAA,OAAOA,GAAA,CAACC,OAAW,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAA,GAAK,IAAI,GAAI;AACvE;;;;"}
+{"version":3,"file":"Thead.mjs","sources":["../../../src/components/Table/Thead.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAEO,MAAM,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAqB,KAAI;AACtD,IAAA,OAAOA,GAAA,CAAC,KAAK,CAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAA,GAAK,IAAI,GAAI;AACxE;;;;"}

package/dist/components/Table/Tr.d.ts

@@ -1,3 +1,3 @@
-import { TableRowProps } from '@chakra-ui/react';
-export declare const Tr: ({ ...rest }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+import { Table } from '@chakra-ui/react';
+export declare const Tr: ({ ...rest }: Table.RowProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tr.d.ts.map

package/dist/components/Table/Tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tr.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Tr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAEjE,eAAO,MAAM,EAAE,GAAI,aAAa,aAAa,4CAE5C,CAAC"}
+{"version":3,"file":"Tr.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Tr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,eAAO,MAAM,EAAE,GAAI,aAAa,KAAK,CAAC,QAAQ,4CAE7C,CAAC"}

package/dist/components/Table/Tr.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
 const Tr = ({ ...rest }) => {
-    return jsxRuntime.jsx(react.Tr, { h: 12, ...rest });
+    return jsxRuntime.jsx(react.Table.Row, { h: 12, ...rest });
 };
 
 exports.Tr = Tr;

package/dist/components/Table/Tr.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tr.js","sources":["../../../src/components/Table/Tr.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTr"],"mappings":";;;;;;AAEO,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAiB,KAAI;IAC/C,OAAOA,cAAA,CAACC,QAAQ,EAAA,EAAC,CAAC,EAAE,EAAE,EAAA,GAAM,IAAI,EAAA,CAAI;AACtC;;;;"}
+{"version":3,"file":"Tr.js","sources":["../../../src/components/Table/Tr.tsx"],"sourcesContent":[null],"names":["_jsx","Table"],"mappings":";;;;;;AAEO,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,KAAI;IAChD,OAAOA,cAAA,CAACC,WAAK,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,EAAE,EAAA,GAAM,IAAI,EAAA,CAAI;AACvC;;;;"}

package/dist/components/Table/Tr.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Tr as Tr$1 } from '@chakra-ui/react';
+import { Table } from '@chakra-ui/react';
 
 const Tr = ({ ...rest }) => {
-    return jsx(Tr$1, { h: 12, ...rest });
+    return jsx(Table.Row, { h: 12, ...rest });
 };
 
 export { Tr };

package/dist/components/Table/Tr.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tr.mjs","sources":["../../../src/components/Table/Tr.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTr"],"mappings":";;;;AAEO,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAiB,KAAI;IAC/C,OAAOA,GAAA,CAACC,IAAQ,EAAA,EAAC,CAAC,EAAE,EAAE,EAAA,GAAM,IAAI,EAAA,CAAI;AACtC;;;;"}
+{"version":3,"file":"Tr.mjs","sources":["../../../src/components/Table/Tr.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAEO,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,KAAI;IAChD,OAAOA,GAAA,CAAC,KAAK,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,EAAE,EAAA,GAAM,IAAI,EAAA,CAAI;AACvC;;;;"}

package/dist/components/Tabs/Tab/Tab.d.ts

@@ -1,3 +1,3 @@
 import { TabProps } from '../Tabs.types';
-export declare const Tab: ({ name, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: ({ name, children, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAUzC,eAAO,MAAM,GAAG,GAAI,oBAAoB,QAAQ,4CAmD/C,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOzC,eAAO,MAAM,GAAG,GAAI,8BAA8B,QAAQ,4CAuCzD,CAAC"}

package/dist/components/Tabs/Tab/Tab.js

@@ -7,44 +7,22 @@ var react = require('@chakra-ui/react');
 var TabsContext = require('../TabsContext.js');
 var Tab_styles = require('./Tab.styles.js');
 
-// A global counter to assign unique IDs to tabs for identification
-let nextTabId = 0;
-const Tab = ({ name, ...props }) => {
-    const { orientation, registerTabName } = TabsContext.useTabsContext();
+const Tab = ({ name, children, ...props }) => {
+    const { orientation, registerTabName, getNextTriggerIndex } = TabsContext.useTabsContext();
     const tabRef = React.useRef(null);
-    const [tabId] = React.useState(() => `tab-${nextTabId++}`);
-    // Record when this tab was mounted in the DOM
+    const [tabIndex] = React.useState(() => getNextTriggerIndex());
+    const tabValue = tabIndex.toString();
+    // Register this tab's name when name is provided
     React.useLayoutEffect(() => {
-        // After mounting, find this tab's position
-        if (!name || !tabRef.current) {
-            console.warn('[Tab] Missing name or tabRef.current');
-            return;
+        if (name) {
+            registerTabName(tabIndex, name);
         }
-        // Use a timeout to ensure tabs are properly rendered
-        const timeoutId = setTimeout(() => {
-            try {
-                // Find all tab elements within the same tablist
-                const tabList = tabRef.current?.closest('[role="tablist"]');
-                if (!tabList)
-                    return;
-                const tabs = Array.from(tabList.querySelectorAll('[role="tab"]'));
-                const index = tabs.indexOf(tabRef.current);
-                // Register this tab's name with the context
-                if (index !== -1) {
-                    registerTabName(index, name);
-                }
-            }
-            catch (error) {
-                console.error('[Tab] Error finding tab index:', error);
-            }
-        }, 50); // Short delay to ensure DOM is ready
-        return () => clearTimeout(timeoutId);
-    }, [name, registerTabName]);
-    return (jsxRuntime.jsx(react.Tab, { ref: tabRef, id: tabId, "data-tab-name": name, ...(orientation === 'vertical' && Tab_styles.verticalStyles), color: "gray.800", py: 3, _selected: {
-            ...(orientation === 'vertical'
-                ? Tab_styles.verticalSelectedStyles
-                : Tab_styles.horizontalSelectedStyles),
-        }, ...props }));
+    }, [name, tabIndex, registerTabName]);
+    return (jsxRuntime.jsx(react.Tabs.Trigger, { value: tabValue, "data-tab-name": name, ...{ asChild: true }, children: jsxRuntime.jsx(react.Button, { ref: tabRef, variant: "ghost", colorPalette: "neutral", borderRadius: "none", ...(orientation === 'vertical' && Tab_styles.verticalStyles), color: "gray.800", py: 3, _selected: {
+                ...(orientation === 'vertical'
+                    ? Tab_styles.verticalSelectedStyles
+                    : Tab_styles.horizontalSelectedStyles),
+            }, ...props, children: children }) }));
 };
 
 exports.Tab = Tab;

package/dist/components/Tabs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["useTabsContext","useRef","useState","useLayoutEffect","_jsx","ChakraTab","verticalStyles","verticalSelectedStyles","horizontalSelectedStyles"],"mappings":";;;;;;;;;AAYA;AACA,IAAI,SAAS,GAAG,CAAC;AAEV,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAY,KAAI;IAClD,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAGA,0BAAc,EAAE;AACzD,IAAA,MAAM,MAAM,GAAGC,YAAM,CAAoB,IAAI,CAAC;AAC9C,IAAA,MAAM,CAAC,KAAK,CAAC,GAAGC,cAAQ,CAAC,MAAM,CAAA,IAAA,EAAO,SAAS,EAAE,CAAA,CAAE,CAAC;;IAGpDC,qBAAe,CAAC,MAAK;;QAEnB,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAC5B,YAAA,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC;YACpD;QACF;;AAGA,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,IAAI;;gBAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC;AAC3D,gBAAA,IAAI,CAAC,OAAO;oBAAE;AAEd,gBAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;gBACjE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAQ,CAAC;;AAG3C,gBAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AAChB,oBAAA,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC;gBAC9B;YACF;YAAE,OAAO,KAAK,EAAE;AACd,gBAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC;YACxD;AACF,QAAA,CAAC,EAAE,EAAE,CAAC,CAAC;AAEP,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC;AACtC,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;AAE3B,IAAA,QACEC,cAAA,CAACC,SAAS,EAAA,EACR,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,KAAK,EAAA,eAAA,EACM,IAAI,EAAA,IACd,WAAW,KAAK,UAAU,IAAIC,yBAAc,CAAC,EAClD,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,SAAS,EAAE;YACT,IAAI,WAAW,KAAK;AAClB,kBAAEC;kBACAC,mCAAwB,CAAC;SAC9B,EAAA,GACG,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["useTabsContext","useRef","useState","useLayoutEffect","_jsx","Tabs","Button","verticalStyles","verticalSelectedStyles","horizontalSelectedStyles"],"mappings":";;;;;;;;;AAYO,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY,KAAI;IAC5D,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,GACzDA,0BAAc,EAAE;AAClB,IAAA,MAAM,MAAM,GAAGC,YAAM,CAAoB,IAAI,CAAC;AAC9C,IAAA,MAAM,CAAC,QAAQ,CAAC,GAAGC,cAAQ,CAAC,MAAM,mBAAmB,EAAE,CAAC;AACxD,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE;;IAGpCC,qBAAe,CAAC,MAAK;QACnB,IAAI,IAAI,EAAE;AACR,YAAA,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC;QACjC;IACF,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IAErC,QACEC,cAAA,CAACC,UAAI,CAAC,OAAO,IACX,KAAK,EAAE,QAAQ,EAAA,eAAA,EACA,IAAI,EAAA,GACd,EAAE,OAAO,EAAE,IAAI,EAAU,EAAA,QAAA,EAE9BD,cAAA,CAACE,YAAM,EAAA,EACL,GAAG,EAAE,MAAM,EACX,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,YAAY,EAAC,MAAM,EAAA,IACd,WAAW,KAAK,UAAU,IAAIC,yBAAc,CAAC,EAClD,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,SAAS,EAAE;gBACT,IAAI,WAAW,KAAK;AAClB,sBAAEC;sBACAC,mCAAwB,CAAC;AAC9B,aAAA,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB;;;;"}

package/dist/components/Tabs/Tab/Tab.mjs

@@ -1,48 +1,26 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useLayoutEffect } from 'react';
-import { Tab as Tab$1 } from '@chakra-ui/react';
+import { Tabs, Button } from '@chakra-ui/react';
 import { useTabsContext } from '../TabsContext.mjs';
 import { verticalSelectedStyles, horizontalSelectedStyles, verticalStyles } from './Tab.styles.mjs';
 
-// A global counter to assign unique IDs to tabs for identification
-let nextTabId = 0;
-const Tab = ({ name, ...props }) => {
-    const { orientation, registerTabName } = useTabsContext();
+const Tab = ({ name, children, ...props }) => {
+    const { orientation, registerTabName, getNextTriggerIndex } = useTabsContext();
     const tabRef = useRef(null);
-    const [tabId] = useState(() => `tab-${nextTabId++}`);
-    // Record when this tab was mounted in the DOM
+    const [tabIndex] = useState(() => getNextTriggerIndex());
+    const tabValue = tabIndex.toString();
+    // Register this tab's name when name is provided
     useLayoutEffect(() => {
-        // After mounting, find this tab's position
-        if (!name || !tabRef.current) {
-            console.warn('[Tab] Missing name or tabRef.current');
-            return;
+        if (name) {
+            registerTabName(tabIndex, name);
         }
-        // Use a timeout to ensure tabs are properly rendered
-        const timeoutId = setTimeout(() => {
-            try {
-                // Find all tab elements within the same tablist
-                const tabList = tabRef.current?.closest('[role="tablist"]');
-                if (!tabList)
-                    return;
-                const tabs = Array.from(tabList.querySelectorAll('[role="tab"]'));
-                const index = tabs.indexOf(tabRef.current);
-                // Register this tab's name with the context
-                if (index !== -1) {
-                    registerTabName(index, name);
-                }
-            }
-            catch (error) {
-                console.error('[Tab] Error finding tab index:', error);
-            }
-        }, 50); // Short delay to ensure DOM is ready
-        return () => clearTimeout(timeoutId);
-    }, [name, registerTabName]);
-    return (jsx(Tab$1, { ref: tabRef, id: tabId, "data-tab-name": name, ...(orientation === 'vertical' && verticalStyles), color: "gray.800", py: 3, _selected: {
-            ...(orientation === 'vertical'
-                ? verticalSelectedStyles
-                : horizontalSelectedStyles),
-        }, ...props }));
+    }, [name, tabIndex, registerTabName]);
+    return (jsx(Tabs.Trigger, { value: tabValue, "data-tab-name": name, ...{ asChild: true }, children: jsx(Button, { ref: tabRef, variant: "ghost", colorPalette: "neutral", borderRadius: "none", ...(orientation === 'vertical' && verticalStyles), color: "gray.800", py: 3, _selected: {
+                ...(orientation === 'vertical'
+                    ? verticalSelectedStyles
+                    : horizontalSelectedStyles),
+            }, ...props, children: children }) }));
 };
 
 export { Tab };

package/dist/components/Tabs/Tab/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTab"],"mappings":";;;;;;;AAYA;AACA,IAAI,SAAS,GAAG,CAAC;AAEV,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAY,KAAI;IAClD,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE;AACzD,IAAA,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC;AAC9C,IAAA,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAA,IAAA,EAAO,SAAS,EAAE,CAAA,CAAE,CAAC;;IAGpD,eAAe,CAAC,MAAK;;QAEnB,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAC5B,YAAA,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC;YACpD;QACF;;AAGA,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,IAAI;;gBAEF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC;AAC3D,gBAAA,IAAI,CAAC,OAAO;oBAAE;AAEd,gBAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;gBACjE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAQ,CAAC;;AAG3C,gBAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AAChB,oBAAA,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC;gBAC9B;YACF;YAAE,OAAO,KAAK,EAAE;AACd,gBAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC;YACxD;AACF,QAAA,CAAC,EAAE,EAAE,CAAC,CAAC;AAEP,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC;AACtC,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;AAE3B,IAAA,QACEA,GAAA,CAACC,KAAS,EAAA,EACR,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,KAAK,EAAA,eAAA,EACM,IAAI,EAAA,IACd,WAAW,KAAK,UAAU,IAAI,cAAc,CAAC,EAClD,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,SAAS,EAAE;YACT,IAAI,WAAW,KAAK;AAClB,kBAAE;kBACA,wBAAwB,CAAC;SAC9B,EAAA,GACG,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAYO,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY,KAAI;IAC5D,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,GACzD,cAAc,EAAE;AAClB,IAAA,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC;AAC9C,IAAA,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,mBAAmB,EAAE,CAAC;AACxD,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE;;IAGpC,eAAe,CAAC,MAAK;QACnB,IAAI,IAAI,EAAE;AACR,YAAA,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC;QACjC;IACF,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IAErC,QACEA,GAAA,CAAC,IAAI,CAAC,OAAO,IACX,KAAK,EAAE,QAAQ,EAAA,eAAA,EACA,IAAI,EAAA,GACd,EAAE,OAAO,EAAE,IAAI,EAAU,EAAA,QAAA,EAE9BA,GAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,MAAM,EACX,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,YAAY,EAAC,MAAM,EAAA,IACd,WAAW,KAAK,UAAU,IAAI,cAAc,CAAC,EAClD,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,SAAS,EAAE;gBACT,IAAI,WAAW,KAAK;AAClB,sBAAE;sBACA,wBAAwB,CAAC;AAC9B,aAAA,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB;;;;"}

package/dist/components/Tabs/Tab/Tab.styles.d.ts

@@ -9,7 +9,7 @@ export declare const verticalStyles: {
     width: string;
 };
 export declare const horizontalSelectedStyles: {
-    color: any;
+    color: string;
     fontWeight: string;
     position: string;
     _after: {
@@ -19,7 +19,7 @@ export declare const horizontalSelectedStyles: {
         left: number;
         width: string;
         height: string;
-        background: any;
+        background: string;
     };
 };
 export declare const verticalSelectedStyles: {

package/dist/components/Tabs/Tab/Tab.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,SAAS,CAAC;AAK/B,eAAO,MAAM,cAAc;;cAED,GAAG,CAAC,QAAQ,CAAC,QAAQ;;;eAGxB,GAAG,CAAC,QAAQ,CAAC,SAAS;;;CAG5C,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAC"}
+{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,SAAS,CAAC;AAG/B,eAAO,MAAM,cAAc;;cAED,GAAG,CAAC,QAAQ,CAAC,QAAQ;;;eAGxB,GAAG,CAAC,QAAQ,CAAC,SAAS;;;CAG5C,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAC"}