@revikornmann/muka-ui 0.2.1

package/dist/cjs/components/Table/TablePagination.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablePagination = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./TablePagination.css");
+const Icon_1 = require("../Icon");
+const defaultLabels = {
+    itemsPerPage: 'Items per page:',
+    of: 'of',
+    page: 'Page',
+    nextPage: 'Next page',
+    previousPage: 'Previous page',
+    firstPage: 'First page',
+    lastPage: 'Last page',
+};
+/**
+ * TablePagination Component
+ *
+ * Pagination controls for table data display.
+ * Can be used standalone or alongside the Table component.
+ *
+ * Features:
+ * - Page size selector
+ * - Item range display ("1-10 of 100")
+ * - Page number buttons
+ * - Previous/Next navigation
+ * - First/Last page navigation
+ * - Full keyboard accessibility
+ * - i18n support through labels prop
+ */
+const TablePagination = ({ page, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions = [10, 25, 50, 100], showPageSizeSelector = true, showItemRange = true, showPageNumbers = true, maxPageButtons = 5, labels: customLabels, className = '', }) => {
+    const labels = { ...defaultLabels, ...customLabels };
+    const totalPages = Math.ceil(totalItems / pageSize);
+    const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
+    const endItem = Math.min(page * pageSize, totalItems);
+    const canGoPrevious = page > 1;
+    const canGoNext = page < totalPages;
+    const handlePageSizeChange = (e) => {
+        const newPageSize = parseInt(e.target.value, 10);
+        onPageSizeChange?.(newPageSize);
+        // Reset to page 1 when page size changes
+        onPageChange(1);
+    };
+    const handlePreviousPage = () => {
+        if (canGoPrevious) {
+            onPageChange(page - 1);
+        }
+    };
+    const handleNextPage = () => {
+        if (canGoNext) {
+            onPageChange(page + 1);
+        }
+    };
+    const handleFirstPage = () => {
+        if (canGoPrevious) {
+            onPageChange(1);
+        }
+    };
+    const handleLastPage = () => {
+        if (canGoNext) {
+            onPageChange(totalPages);
+        }
+    };
+    // Calculate which page numbers to show
+    const getPageNumbers = () => {
+        if (totalPages <= maxPageButtons) {
+            return Array.from({ length: totalPages }, (_, i) => i + 1);
+        }
+        const pages = [];
+        const halfButtons = Math.floor((maxPageButtons - 2) / 2);
+        // Always show first page
+        pages.push(1);
+        if (page > halfButtons + 2) {
+            pages.push('ellipsis');
+        }
+        // Calculate range around current page
+        const start = Math.max(2, page - halfButtons);
+        const end = Math.min(totalPages - 1, page + halfButtons);
+        for (let i = start; i <= end; i++) {
+            pages.push(i);
+        }
+        if (page < totalPages - halfButtons - 1) {
+            pages.push('ellipsis');
+        }
+        // Always show last page
+        if (totalPages > 1) {
+            pages.push(totalPages);
+        }
+        return pages;
+    };
+    const paginationClasses = [
+        'muka-table-pagination',
+        className,
+    ].filter(Boolean).join(' ');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: paginationClasses, role: "navigation", "aria-label": "Pagination", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-table-pagination__left", children: [showPageSizeSelector && onPageSizeChange && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-table-pagination__page-size", children: [(0, jsx_runtime_1.jsx)("label", { className: "muka-table-pagination__label", children: labels.itemsPerPage }), (0, jsx_runtime_1.jsx)("select", { className: "muka-table-pagination__select", value: pageSize, onChange: handlePageSizeChange, "aria-label": labels.itemsPerPage, children: pageSizeOptions.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option, children: option }, option))) })] })), showItemRange && ((0, jsx_runtime_1.jsxs)("span", { className: "muka-table-pagination__range", children: [startItem, "-", endItem, " ", labels.of, " ", totalItems] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "muka-table-pagination__right", children: [showPageNumbers && totalPages > 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-table-pagination__pages", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "muka-table-pagination__button muka-table-pagination__button--nav", onClick: handleFirstPage, disabled: !canGoPrevious, "aria-label": labels.firstPage, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-left", variant: "line", size: "sm" }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-left", variant: "line", size: "sm" })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "muka-table-pagination__button muka-table-pagination__button--nav", onClick: handlePreviousPage, disabled: !canGoPrevious, "aria-label": labels.previousPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-left", variant: "line", size: "sm" }) }), getPageNumbers().map((pageNum, index) => {
+                                if (pageNum === 'ellipsis') {
+                                    return ((0, jsx_runtime_1.jsx)("span", { className: "muka-table-pagination__ellipsis", "aria-hidden": "true", children: "..." }, `ellipsis-${index}`));
+                                }
+                                return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: [
+                                        'muka-table-pagination__button',
+                                        'muka-table-pagination__button--page',
+                                        pageNum === page && 'muka-table-pagination__button--active',
+                                    ].filter(Boolean).join(' '), onClick: () => onPageChange(pageNum), "aria-label": `${labels.page} ${pageNum}`, "aria-current": pageNum === page ? 'page' : undefined, children: pageNum }, pageNum));
+                            }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "muka-table-pagination__button muka-table-pagination__button--nav", onClick: handleNextPage, disabled: !canGoNext, "aria-label": labels.nextPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-right", variant: "line", size: "sm" }) }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "muka-table-pagination__button muka-table-pagination__button--nav", onClick: handleLastPage, disabled: !canGoNext, "aria-label": labels.lastPage, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-right", variant: "line", size: "sm" }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-right", variant: "line", size: "sm" })] })] })), !showPageNumbers && totalPages > 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-table-pagination__nav-only", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "muka-table-pagination__button muka-table-pagination__button--nav", onClick: handlePreviousPage, disabled: !canGoPrevious, "aria-label": labels.previousPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-left", variant: "line", size: "sm" }) }), (0, jsx_runtime_1.jsxs)("span", { className: "muka-table-pagination__page-indicator", children: [labels.page, " ", page, " ", labels.of, " ", totalPages] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "muka-table-pagination__button muka-table-pagination__button--nav", onClick: handleNextPage, disabled: !canGoNext, "aria-label": labels.nextPage, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "arrow-right", variant: "line", size: "sm" }) })] }))] })] }));
+};
+exports.TablePagination = TablePagination;
+exports.default = exports.TablePagination;
+//# sourceMappingURL=TablePagination.js.map

package/dist/cjs/components/Table/TablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../components/Table/TablePagination.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Table/index.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.useTableSelection = exports.TablePagination = exports.default = exports.TableHeaderCell = exports.TableCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = void 0;
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return Table_1.TableHead; } });
+Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return Table_1.TableBody; } });
+Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return Table_1.TableRow; } });
+Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return Table_1.TableCell; } });
+Object.defineProperty(exports, "TableHeaderCell", { enumerable: true, get: function () { return Table_1.TableHeaderCell; } });
+var Table_2 = require("./Table");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Table_2).default; } });
+var TablePagination_1 = require("./TablePagination");
+Object.defineProperty(exports, "TablePagination", { enumerable: true, get: function () { return TablePagination_1.TablePagination; } });
+var useTableSelection_1 = require("./useTableSelection");
+Object.defineProperty(exports, "useTableSelection", { enumerable: true, get: function () { return useTableSelection_1.useTableSelection; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Table/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAaiB;AAZf,8FAAA,KAAK,OAAA;AACL,kGAAA,SAAS,OAAA;AACT,kGAAA,SAAS,OAAA;AACT,iGAAA,QAAQ,OAAA;AACR,kGAAA,SAAS,OAAA;AACT,wGAAA,eAAe,OAAA;AAQjB,iCAAkC;AAAzB,iHAAA,OAAO,OAAA;AAEhB,qDAI2B;AAHzB,kHAAA,eAAe,OAAA;AAKjB,yDAI6B;AAH3B,sHAAA,iBAAiB,OAAA"}

package/dist/cjs/components/Table/useTableSelection.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableSelection = useTableSelection;
+const react_1 = require("react");
+/**
+ * useTableSelection Hook
+ *
+ * A headless hook for managing table row selection state.
+ * Provides select all, toggle, and indeterminate state support.
+ *
+ * @example
+ * ```tsx
+ * const {
+ *   selectedIds,
+ *   isSelected,
+ *   isAllSelected,
+ *   isIndeterminate,
+ *   toggleItem,
+ *   toggleAll,
+ * } = useTableSelection({
+ *   items: data,
+ *   getItemId: (item) => item.id,
+ * });
+ * ```
+ */
+function useTableSelection({ items, getItemId, initialSelected = [], }) {
+    const [selectedIds, setSelectedIds] = (0, react_1.useState)(() => new Set(initialSelected));
+    const isSelected = (0, react_1.useCallback)((id) => selectedIds.has(id), [selectedIds]);
+    const isAllSelected = (0, react_1.useMemo)(() => {
+        if (items.length === 0)
+            return false;
+        return items.every((item) => selectedIds.has(getItemId(item)));
+    }, [items, selectedIds, getItemId]);
+    const isIndeterminate = (0, react_1.useMemo)(() => {
+        if (items.length === 0)
+            return false;
+        const selectedCount = items.filter((item) => selectedIds.has(getItemId(item))).length;
+        return selectedCount > 0 && selectedCount < items.length;
+    }, [items, selectedIds, getItemId]);
+    const toggleItem = (0, react_1.useCallback)((id) => {
+        setSelectedIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                next.add(id);
+            }
+            return next;
+        });
+    }, []);
+    const toggleAll = (0, react_1.useCallback)(() => {
+        if (isAllSelected) {
+            // Deselect all current items
+            setSelectedIds((prev) => {
+                const next = new Set(prev);
+                items.forEach((item) => next.delete(getItemId(item)));
+                return next;
+            });
+        }
+        else {
+            // Select all current items
+            setSelectedIds((prev) => {
+                const next = new Set(prev);
+                items.forEach((item) => next.add(getItemId(item)));
+                return next;
+            });
+        }
+    }, [items, getItemId, isAllSelected]);
+    const selectAll = (0, react_1.useCallback)(() => {
+        setSelectedIds((prev) => {
+            const next = new Set(prev);
+            items.forEach((item) => next.add(getItemId(item)));
+            return next;
+        });
+    }, [items, getItemId]);
+    const clearSelection = (0, react_1.useCallback)(() => {
+        setSelectedIds(new Set());
+    }, []);
+    const selectedItems = (0, react_1.useMemo)(() => items.filter((item) => selectedIds.has(getItemId(item))), [items, selectedIds, getItemId]);
+    return {
+        selectedIds,
+        isSelected,
+        isAllSelected,
+        isIndeterminate,
+        toggleItem,
+        toggleAll,
+        selectAll,
+        clearSelection,
+        selectedItems,
+    };
+}
+exports.default = useTableSelection;
+//# sourceMappingURL=useTableSelection.js.map

package/dist/cjs/components/Table/useTableSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelection.js","sourceRoot":"","sources":["../../../../components/Table/useTableSelection.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/Tabs/Tabs.css

@@ -0,0 +1,164 @@
+/* Tabs Component Styles - Clean underline style tabs matching Figma */
+
+.muka-tabs {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Alignment Variants */
+.muka-tabs--align-left .muka-tabs__list {
+  justify-content: flex-start;
+}
+.muka-tabs--align-center .muka-tabs__list {
+  justify-content: center;
+}
+.muka-tabs--align-fill .muka-tabs__list {
+  justify-content: space-between;
+}
+.muka-tabs--align-fill .muka-tabs__trigger {
+  flex: 1;
+}
+
+/* Tab List — strip container */
+.muka-tabs__list {
+  display: flex;
+  align-items: center;
+  position: relative;
+  z-index: 2;
+  border-bottom: 1px solid var(--color-border-default, #e0e0e0);
+}
+
+/* Tab Trigger — clean underline style */
+.muka-tabs__trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-2, 8px);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.2s ease, color 0.2s ease;
+  outline: none;
+  white-space: nowrap;
+  position: relative;
+  z-index: 2;
+  color: var(--color-text-subtle-default, #838383);
+
+  /* Default MD size values */
+  height: 48px;
+  padding: 0 var(--spacing-3, 12px);
+  font-family: var(--text-label-md-regular-fontFamily);
+  font-weight: var(--text-label-md-regular-fontWeight);
+  font-size: var(--text-label-md-regular-fontSize);
+  line-height: var(--text-label-md-regular-lineHeight);
+}
+
+/* Size Variants */
+.muka-tabs--size-sm .muka-tabs__trigger {
+  height: 36px;
+  padding: 0 var(--spacing-2, 8px);
+  font-family: var(--text-label-sm-regular-fontFamily);
+  font-weight: var(--text-label-sm-regular-fontWeight);
+  font-size: var(--text-label-sm-regular-fontSize);
+  line-height: var(--text-label-sm-regular-lineHeight);
+}
+
+.muka-tabs--size-lg .muka-tabs__trigger {
+  height: 56px;
+  padding: 0 var(--spacing-4, 16px);
+  font-family: var(--text-label-lg-regular-fontFamily);
+  font-weight: var(--text-label-lg-regular-fontWeight);
+  font-size: var(--text-label-lg-regular-fontSize);
+  line-height: var(--text-label-lg-regular-lineHeight);
+}
+
+/* Hover state */
+.muka-tabs__trigger:hover:not(:disabled):not(.muka-tabs__trigger--current) {
+  color: var(--color-text-neutral-default, #202020);
+}
+
+/* Current tab */
+.muka-tabs__trigger--current {
+  color: var(--color-text-action-default, #202020);
+}
+
+/* Active bottom border (underline) */
+.muka-tabs__trigger--current::after {
+  content: '';
+  position: absolute;
+  bottom: -1px; /* Overlap the 1px border */
+  left: 0;
+  right: 0;
+  height: 3px;
+  background-color: var(--color-text-action-default, #202020);
+  border-bottom-left-radius: 1px;
+  border-bottom-right-radius: 1px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  z-index: 3;
+}
+
+.muka-tabs__trigger--disabled {
+  color: var(--color-text-disabled-foreground, #a0a0a0);
+  cursor: not-allowed;
+}
+
+.muka-tabs__trigger:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: -2px;
+}
+
+/* Icons */
+.muka-tabs__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.muka-tabs__trigger .muka-icon {
+  color: inherit;
+}
+.muka-tabs--size-sm .muka-tabs__icon svg { width: 16px; height: 16px; }
+.muka-tabs--size-md .muka-tabs__icon svg { width: 20px; height: 20px; }
+.muka-tabs--size-lg .muka-tabs__icon svg { width: 24px; height: 24px; }
+
+/* Responsive Scroll behavior on small screens */
+@media (max-width: 768px) {
+  .muka-tabs__list {
+    /* Make scrollable */
+    overflow-x: auto;
+    overflow-y: hidden;
+    /* Force left alignment on mobile to prevent clipping when scrolling */
+    justify-content: flex-start !important;
+    max-width: 100vw;
+    -webkit-overflow-scrolling: touch;
+    /* Hide scrollbar for cleaner look */
+    scrollbar-width: none;
+  }
+  .muka-tabs__list::-webkit-scrollbar {
+    display: none;
+  }
+  /* Remove flex: 1 behavior for Fill tabs on mobile so they map correctly */
+  .muka-tabs--align-fill .muka-tabs__trigger {
+    flex: 0 0 auto;
+  }
+}
+
+/* Tab Panel — content area */
+.muka-tabs__panel {
+  background-color: var(--tabs-panel-background);
+  /* border-top: var(--border-width-regular) solid var(--tabs-panel-border); removed in favor of the new tablist border */
+  border-bottom: var(--border-width-regular) solid var(--tabs-panel-border);
+  padding: var(--spacing-4);
+  position: relative;
+  z-index: 1;
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  font-size: var(--text-body-base-regular-fontSize);
+  line-height: var(--text-body-base-regular-lineHeight);
+}
+
+.muka-tabs__panel:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}

package/dist/cjs/components/Tabs/Tabs.js

@@ -0,0 +1,150 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabPanel = exports.Tab = exports.TabList = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+require("./Tabs.css");
+const TabsContext = (0, react_1.createContext)(null);
+const useTabsContext = () => {
+    const context = (0, react_1.useContext)(TabsContext);
+    if (!context)
+        throw new Error('Tabs components must be used within a <Tabs> provider');
+    return context;
+};
+/**
+ * Tabs Component (Compound)
+ *
+ * Accessible tab interface with keyboard navigation.
+ * Uses: <Tabs>, <TabList>, <Tab>, <TabPanel>
+ *
+ * @accessibility WCAG 2.1 AA compliant (WAI-ARIA Tabs Pattern)
+ * - role="tablist" with aria-orientation
+ * - role="tab" with aria-selected, aria-controls
+ * - role="tabpanel" with aria-labelledby
+ * - Keyboard: ArrowLeft/Right, Home/End navigation
+ * - Roving tabindex pattern (active tab is focusable)
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
+ */
+const Tabs = ({ children, defaultValue = '', value, onChange, size = 'md', alignment = 'left', className = '', }) => {
+    const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue);
+    const activeValue = value !== undefined ? value : internalValue;
+    const setActiveValue = (0, react_1.useCallback)((newValue) => {
+        if (value === undefined) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue);
+    }, [value, onChange]);
+    const rootClasses = [
+        'muka-tabs',
+        `muka-tabs--size-${size}`,
+        `muka-tabs--align-${alignment}`,
+        className,
+    ].filter(Boolean).join(' ');
+    return ((0, jsx_runtime_1.jsx)(TabsContext.Provider, { value: { activeValue, setActiveValue }, children: (0, jsx_runtime_1.jsx)("div", { className: rootClasses, children: children }) }));
+};
+exports.Tabs = Tabs;
+const TabList = ({ children, className = '' }) => {
+    const { activeValue } = useTabsContext();
+    const listRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!listRef.current)
+            return;
+        const activeTab = listRef.current.querySelector('[aria-selected="true"]');
+        if (activeTab) {
+            const scrollPos = activeTab.offsetLeft - listRef.current.clientWidth / 2 + activeTab.clientWidth / 2;
+            listRef.current.scrollTo({
+                left: scrollPos,
+                behavior: 'smooth',
+            });
+        }
+    }, [activeValue]);
+    const handleKeyDown = (e) => {
+        const tabs = listRef.current?.querySelectorAll('[role="tab"]:not([disabled])');
+        if (!tabs?.length)
+            return;
+        const tabArray = Array.from(tabs);
+        const currentIndex = tabArray.findIndex((tab) => tab === document.activeElement);
+        let nextIndex = null;
+        if (e.key === 'ArrowRight') {
+            nextIndex = (currentIndex + 1) % tabArray.length;
+        }
+        else if (e.key === 'ArrowLeft') {
+            nextIndex = (currentIndex - 1 + tabArray.length) % tabArray.length;
+        }
+        else if (e.key === 'Home') {
+            nextIndex = 0;
+        }
+        else if (e.key === 'End') {
+            nextIndex = tabArray.length - 1;
+        }
+        if (nextIndex !== null) {
+            e.preventDefault();
+            tabArray[nextIndex].focus();
+            tabArray[nextIndex].click();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: listRef, className: `muka-tabs__list ${className}`.trim(), role: "tablist", "aria-orientation": "horizontal", onKeyDown: handleKeyDown, tabIndex: -1, children: children }));
+};
+exports.TabList = TabList;
+const Tab = ({ value, children, icon, disabled = false, className = '', }) => {
+    const { activeValue, setActiveValue } = useTabsContext();
+    const isActive = activeValue === value;
+    const tabClasses = [
+        'muka-tabs__trigger',
+        isActive && 'muka-tabs__trigger--current',
+        disabled && 'muka-tabs__trigger--disabled',
+        className,
+    ].filter(Boolean).join(' ');
+    let renderedIcon = icon;
+    if (react_1.default.isValidElement(icon)) {
+        renderedIcon = react_1.default.cloneElement(icon, {
+            variant: isActive ? 'fill' : 'line',
+        });
+    }
+    return ((0, jsx_runtime_1.jsxs)("button", { className: tabClasses, role: "tab", "aria-selected": isActive, "aria-controls": `tabpanel-${value}`, id: `tab-${value}`, tabIndex: isActive ? 0 : -1, disabled: disabled, onClick: () => !disabled && setActiveValue(value), children: [renderedIcon && (0, jsx_runtime_1.jsx)("span", { className: "muka-tabs__icon", children: renderedIcon }), (0, jsx_runtime_1.jsx)("span", { className: "muka-tabs__label", children: children })] }));
+};
+exports.Tab = Tab;
+const TabPanel = ({ value, children, className = '', }) => {
+    const { activeValue } = useTabsContext();
+    const isActive = activeValue === value;
+    if (!isActive)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: `muka-tabs__panel ${className}`.trim(), role: "tabpanel", id: `tabpanel-${value}`, "aria-labelledby": `tab-${value}`, tabIndex: 0, children: children }));
+};
+exports.TabPanel = TabPanel;
+exports.default = exports.Tabs;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Tabs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.TabPanel = exports.Tab = exports.TabList = exports.Tabs = void 0;
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabList", { enumerable: true, get: function () { return Tabs_1.TabList; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return Tabs_1.Tab; } });
+Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return Tabs_1.TabPanel; } });
+var Tabs_2 = require("./Tabs");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tabs_2).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Tabs/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAsD;AAA7C,4FAAA,IAAI,OAAA;AAAE,+FAAA,OAAO,OAAA;AAAE,2FAAA,GAAG,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAErC,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}