pixelize-design-library 2.1.77 → 2.2.1

package/dist/Components/KaTable/ka-table.css

@@ -1,27 +0,0 @@
-.ka-thead-cell {
-  padding: 7px 7px;
-}
-.ka-cell {
-  padding: 7px 0px;
-}
-
-.ka-thead-background {
-  background-color: #bfbcbc;
-  z-index: 1;
-}
-
-.ka-cell-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding-left: 5%;
-}
-.ka-row {
-  box-sizing: unset;
-  border-bottom: none;
-  border-top: none;
-}
-.ka-table-wrapper {
-  border-bottom: 2px solid #d8d9db;
-  border-right: 2px solid #d8d9db;
-}

package/dist/Components/KaTable/useMergedChildComponents.d.ts

@@ -1,14 +0,0 @@
-import { KaTableProps } from "./KaTableProps";
-type MergedChildComponentsProps = Pick<KaTableProps, "headerBgColor" | "headerTextColor" | "freezedBgColor" | "freezedTextColor"> & {
-    childComponents: any;
-    onSortChange: any;
-    handleSelection: any;
-    rowKey: any;
-    onRowClick: any;
-    selected: any;
-    dataLength: number;
-    columns: any;
-    sortState: any;
-};
-declare const useMergedChildComponents: ({ childComponents, onSortChange, handleSelection, rowKey, onRowClick, selected, dataLength, columns, headerBgColor, freezedBgColor, headerTextColor, freezedTextColor, sortState, }: MergedChildComponentsProps) => any;
-export default useMergedChildComponents;

package/dist/Components/KaTable/useMergedChildComponents.js

@@ -1,224 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var CustomHeader_1 = __importDefault(require("./CustomHeader"));
-var SelectionHeader_1 = __importDefault(require("./SelectionHeader"));
-var SelectionCell_1 = __importDefault(require("./SelectionCell"));
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var table_1 = require("../../Utils/table");
-var useMergedChildComponents = function (_a) {
-    var childComponents = _a.childComponents, onSortChange = _a.onSortChange, handleSelection = _a.handleSelection, rowKey = _a.rowKey, onRowClick = _a.onRowClick, selected = _a.selected, dataLength = _a.dataLength, columns = _a.columns, headerBgColor = _a.headerBgColor, freezedBgColor = _a.freezedBgColor, headerTextColor = _a.headerTextColor, freezedTextColor = _a.freezedTextColor, sortState = _a.sortState;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var handleSortChange = (0, react_1.useCallback)(function (newState, columnKey) {
-        var newSortState = __spreadArray([], sortState, true);
-        var existingIndex = newSortState.findIndex(function (sort) { return sort.column === columnKey; });
-        if (existingIndex === -1) {
-            newSortState.push({
-                column: columnKey,
-                direction: newState, // Default to ascending when adding a column
-            });
-        }
-        else {
-            var existingSort = newSortState[existingIndex];
-            existingSort.direction = newState;
-        }
-        var column = columns.find(function (col) { return col.key === columnKey; });
-        column.sortDirection = newState;
-        onSortChange(newSortState);
-    }, [sortState, onSortChange, columns]);
-    var _b = react_1.default.useState(selected), selections = _b[0], setSelections = _b[1];
-    (0, react_1.useEffect)(function () {
-        setSelections(selected);
-    }, [selected]);
-    var isAllSelected = (0, react_1.useMemo)(function () {
-        return {
-            checked: (selections === null || selections === void 0 ? void 0 : selections.length) === (dataLength || -1),
-            intederminate: (selections === null || selections === void 0 ? void 0 : selections.length) > 0 && (selections === null || selections === void 0 ? void 0 : selections.length) < dataLength,
-        };
-    }, [selections, dataLength]);
-    var cellSelectionHandle = (0, react_1.useCallback)(function (values, type) {
-        if (type === "add") {
-            setSelections(__spreadArray(__spreadArray([], selections, true), [values], false));
-            handleSelection(__spreadArray(__spreadArray([], selections, true), [values], false));
-        }
-        else if (type === "remove") {
-            setSelections(selections.filter(function (value) { return value !== values; }));
-            handleSelection(selections.filter(function (value) { return value !== values; }));
-        }
-        else {
-            handleSelection(selections.filter(function (value) { return value !== values; }));
-        }
-    }, [selections, handleSelection]);
-    var headerSelectionHandle = (0, react_1.useCallback)(function (values) {
-        setSelections(values);
-        handleSelection(values);
-    }, [handleSelection]);
-    return (0, react_1.useMemo)(function () {
-        return __assign(__assign({}, childComponents), { dataRow: {
-                elementAttributes: function (props) {
-                    var _a, _b;
-                    var existingElementAttributes = (_a = childComponents.dataRow) === null || _a === void 0 ? void 0 : _a.elementAttributes;
-                    var attributes = existingElementAttributes
-                        ? existingElementAttributes(props)
-                        : {};
-                    var isSelected = selections === null || selections === void 0 ? void 0 : selections.includes(props.rowData[rowKey]);
-                    var className = "".concat(attributes.className || "", " ").concat(isSelected ? "ka-row-selected" : "", " ka-row-hover").trim();
-                    // const className =
-                    //   `${attributes.className || ""} ${isSelected ? "ka-row-selected" : ""}`.trim();
-                    return __assign(__assign({}, attributes), { className: className, style: __assign(__assign({}, (attributes.style || {})), { backgroundColor: isSelected
-                                ? theme.colors.backgroundColor.subtle
-                                : undefined, border: "1px solid ".concat((_b = theme.colors) === null || _b === void 0 ? void 0 : _b.gray[200]) }) });
-                },
-            }, headCell: {
-                content: function (props) {
-                    var _a, _b, _c;
-                    var existingContent = (_a = childComponents.headCell) === null || _a === void 0 ? void 0 : _a.content;
-                    if (existingContent) {
-                        var result = existingContent(props);
-                        if (result) {
-                            return result;
-                        }
-                    }
-                    var column = props.column;
-                    if (column.sortable || column.filter) {
-                        return (react_1.default.createElement(CustomHeader_1.default, __assign({}, props, { onSortChange: handleSortChange, menuItems: (_b = column === null || column === void 0 ? void 0 : column.menu) !== null && _b !== void 0 ? _b : [], isSort: props.column.sortable, sortDirection: (_c = props.column.sortDirection) !== null && _c !== void 0 ? _c : "none" })));
-                    }
-                    if (props.column.key === "select-cell") {
-                        return (react_1.default.createElement(SelectionHeader_1.default, { onSelectionChange: headerSelectionHandle, rowKey: rowKey, selected: isAllSelected }));
-                    }
-                    return null;
-                },
-                elementAttributes: function (props) {
-                    var _a, _b, _c, _d, _e, _f;
-                    var existingElementAttributes = (_a = childComponents.headCell) === null || _a === void 0 ? void 0 : _a.elementAttributes;
-                    if (existingElementAttributes) {
-                        var result = existingElementAttributes(props);
-                        if (result) {
-                            return result;
-                        }
-                    }
-                    if (props.column.columnFreeze) {
-                        var stickyLeft = (0, table_1.getPreviousColumnWidth)(columns, props.column.key);
-                        return {
-                            style: __assign(__assign({}, props.column.style), { position: "sticky", left: stickyLeft, zIndex: 3, backgroundColor: freezedBgColor !== null && freezedBgColor !== void 0 ? freezedBgColor : (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.backgroundColor.subtle, color: freezedTextColor !== null && freezedTextColor !== void 0 ? freezedTextColor : (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.gray[600] }),
-                        };
-                    }
-                    return {
-                        style: {
-                            backgroundColor: headerBgColor !== null && headerBgColor !== void 0 ? headerBgColor : (_d = theme.colors.backgroundColor) === null || _d === void 0 ? void 0 : _d.subtle,
-                            color: headerTextColor !== null && headerTextColor !== void 0 ? headerTextColor : (_e = theme.colors) === null || _e === void 0 ? void 0 : _e.gray[600],
-                            border: "1px solid ".concat((_f = theme.colors) === null || _f === void 0 ? void 0 : _f.gray[200]),
-                        },
-                    };
-                },
-            }, cell: {
-                elementAttributes: function (props) {
-                    var _a, _b, _c, _d, _e;
-                    var existingElementAttributes = (_a = childComponents.cell) === null || _a === void 0 ? void 0 : _a.elementAttributes;
-                    if (existingElementAttributes) {
-                        var result = existingElementAttributes(props);
-                        if (result) {
-                            return result;
-                        }
-                    }
-                    if (props.column.columnFreeze) {
-                        var stickyLeft = (0, table_1.getPreviousColumnWidth)(columns, props.column.key);
-                        return {
-                            style: __assign(__assign({}, props.column.style), { position: "sticky", left: stickyLeft, zIndex: 2, backgroundColor: freezedBgColor !== null && freezedBgColor !== void 0 ? freezedBgColor : (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.backgroundColor.subtle, color: freezedTextColor !== null && freezedTextColor !== void 0 ? freezedTextColor : (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.gray[600], fontWeight: 600 }),
-                        };
-                    }
-                    return {
-                        style: {
-                            color: (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.gray[600],
-                            fontWeight: 500,
-                            border: "1px solid ".concat((_e = theme.colors) === null || _e === void 0 ? void 0 : _e.gray[200]),
-                        },
-                        onClick: function () {
-                            if (onRowClick) {
-                                onRowClick(props.rowData, props.column.key);
-                            }
-                        },
-                    };
-                },
-            }, tableWrapper: {
-                elementAttributes: function () { return ({ style: { maxHeight: 600 } }); },
-            }, cellText: {
-                content: function (props) {
-                    var _a;
-                    var existingContent = (_a = childComponents.cellText) === null || _a === void 0 ? void 0 : _a.content;
-                    if (existingContent) {
-                        var result = existingContent(props);
-                        if (result) {
-                            return result;
-                        }
-                    }
-                    if (props.column.key === "select-cell") {
-                        var isSelected = selections === null || selections === void 0 ? void 0 : selections.includes(props.rowData[rowKey]);
-                        return (react_1.default.createElement(SelectionCell_1.default, __assign({}, props, { selected: isSelected, onSelectionChange: cellSelectionHandle })));
-                    }
-                },
-            } });
-    }, [
-        childComponents,
-        rowKey,
-        onRowClick,
-        selections,
-        columns,
-        cellSelectionHandle,
-        headerSelectionHandle,
-        isAllSelected,
-        theme.colors,
-        headerBgColor,
-        headerTextColor,
-        freezedBgColor,
-        freezedTextColor,
-        handleSortChange,
-    ]);
-};
-exports.default = useMergedChildComponents;

package/dist/Components/Table/Table.css

@@ -1,16 +0,0 @@
-.table_wrapper {
-  width: 100%;
-  border-collapse: collapse;
-  /* table-layout: fixed; */
-}
-
-.table_wrapper th .resize-handle {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 8px;
-  height: 100%;
-  cursor: col-resize;
-  background-color: transparent;
-  z-index: 999;
-}

package/dist/Layout.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Layout: () => React.JSX.Element;
-export default Layout;

package/dist/Layout.js

@@ -1,279 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var react_2 = __importStar(require("react"));
-var accordion_1 = __importDefault(require("./Pages/accordion"));
-var searchSelect_1 = __importDefault(require("./Pages/searchSelect"));
-var search_1 = __importDefault(require("./Pages/search"));
-var timeline_1 = __importDefault(require("./Pages/timeline"));
-var datePick_1 = __importDefault(require("./Pages/datePick"));
-var multiSelect_1 = __importDefault(require("./Pages/multiSelect"));
-var drawer_1 = __importDefault(require("./Pages/drawer"));
-var verifyEmail_1 = __importDefault(require("./Pages/verifyEmail"));
-var editor_1 = __importDefault(require("./Pages/editor"));
-var dropdown_1 = __importDefault(require("./Pages/dropdown"));
-var noteArea_1 = __importDefault(require("./Pages/noteArea"));
-var switch_1 = __importDefault(require("./Pages/switch"));
-var photoViewer_1 = __importDefault(require("./Pages/photoViewer"));
-var chart_1 = __importDefault(require("./Pages/chart"));
-var tooltip_1 = __importDefault(require("./Pages/tooltip"));
-var card_1 = __importDefault(require("./Pages/card"));
-var pinInputs_1 = __importDefault(require("./Pages/pinInputs"));
-var numberInput_1 = __importDefault(require("./Pages/numberInput"));
-var progressbar_1 = __importDefault(require("./Pages/progressbar"));
-var button_1 = __importDefault(require("./Pages/button"));
-var radioButton_1 = __importDefault(require("./Pages/radioButton"));
-var skeleton_1 = __importDefault(require("./Pages/skeleton"));
-var textArea_1 = __importDefault(require("./Pages/textArea"));
-var select_1 = __importDefault(require("./Pages/select"));
-var modal_1 = __importDefault(require("./Pages/modal"));
-var checkbox_1 = __importDefault(require("./Pages/checkbox"));
-var toster_1 = __importDefault(require("./Pages/toster"));
-var input_1 = __importDefault(require("./Pages/input"));
-var alertdialog_1 = __importDefault(require("./Pages/alertdialog"));
-var productCaard_1 = __importDefault(require("./Pages/productCaard"));
-var table_1 = require("./Pages/table");
-var TInput_1 = __importDefault(require("./Pages/TInput"));
-var kanbanboard_1 = __importDefault(require("./Pages/kanbanboard"));
-var Tag_1 = __importDefault(require("./Components/Tag/Tag"));
-var lucide_react_1 = require("lucide-react");
-var Header_1 = __importDefault(require("./Components/Header/Header"));
-var fileUpload_1 = require("./Pages/fileUpload");
-// import SelectSelect from "./Pages/selectSearch";
-var Slider_1 = __importDefault(require("./Components/Slider/Slider"));
-var contactForm_1 = __importDefault(require("./Pages/contactForm"));
-var productDetailCard_1 = __importDefault(require("./Pages/productDetailCard"));
-var Layout = function () {
-    var _a = (0, react_2.useState)(window.location.pathname), currentPath = _a[0], setCurrentPath = _a[1];
-    var navigate = function (path) {
-        window.history.pushState({}, "", path);
-        setCurrentPath(path);
-    };
-    (0, react_2.useEffect)(function () {
-        var handlePopState = function () {
-            setCurrentPath(window.location.pathname);
-        };
-        window.addEventListener("popstate", handlePopState);
-        return function () {
-            window.removeEventListener("popstate", handlePopState);
-        };
-    }, []);
-    var switchTheme = function (themeName) {
-        document.documentElement.setAttribute("data-theme", themeName);
-    };
-    var renderPage = function () {
-        switch (currentPath) {
-            case "/alertdialog":
-                return react_2.default.createElement(alertdialog_1.default, null);
-            case "/accordion":
-                return react_2.default.createElement(accordion_1.default, null);
-            case "/searchSelect":
-                return react_2.default.createElement(searchSelect_1.default, null);
-            case "/timeline":
-                return react_2.default.createElement(timeline_1.default, null);
-            case "/search":
-                return react_2.default.createElement(search_1.default, null);
-            case "/datepicker":
-                return react_2.default.createElement(datePick_1.default, null);
-            case "/multiselect":
-                return react_2.default.createElement(multiSelect_1.default, null);
-            case "/drawer":
-                return react_2.default.createElement(drawer_1.default, null);
-            case "/verifyEmail":
-                return react_2.default.createElement(verifyEmail_1.default, null);
-            case "/editor":
-                return react_2.default.createElement(editor_1.default, null);
-            case "/dropdown":
-                return react_2.default.createElement(dropdown_1.default, null);
-            case "/notearea":
-                return react_2.default.createElement(noteArea_1.default, null);
-            case "/switch":
-                return react_2.default.createElement(switch_1.default, null);
-            case "/photoViewer":
-                return react_2.default.createElement(photoViewer_1.default, null);
-            case "/charts":
-                return react_2.default.createElement(chart_1.default, null);
-            case "/tooltip":
-                return react_2.default.createElement(tooltip_1.default, null);
-            case "/card":
-                return react_2.default.createElement(card_1.default, null);
-            case "/pininput":
-                return react_2.default.createElement(pinInputs_1.default, null);
-            case "/numberinput":
-                return react_2.default.createElement(numberInput_1.default, null);
-            case "/progressbar":
-                return react_2.default.createElement(progressbar_1.default, null);
-            case "/button":
-                return react_2.default.createElement(button_1.default, null);
-            case "/radio":
-                return react_2.default.createElement(radioButton_1.default, null);
-            case "/skeleton":
-                return react_2.default.createElement(skeleton_1.default, null);
-            case "/textarea":
-                return react_2.default.createElement(textArea_1.default, null);
-            case "/select":
-                return react_2.default.createElement(select_1.default, null);
-            case "/modal":
-                return react_2.default.createElement(modal_1.default, null);
-            case "/checkbox":
-                return react_2.default.createElement(checkbox_1.default, null);
-            case "/toster":
-                return react_2.default.createElement(toster_1.default, null);
-            case "/InputPage":
-                return react_2.default.createElement(input_1.default, null);
-            case "/table":
-                return react_2.default.createElement(table_1.TableExample, null);
-            case "/tinput":
-                return react_2.default.createElement(TInput_1.default, null);
-            case "/kanban":
-                return react_2.default.createElement(kanbanboard_1.default, null);
-            case "/contactForm":
-                return react_2.default.createElement(contactForm_1.default, null);
-            case "/header":
-                return (react_2.default.createElement(Header_1.default, { logo: react_2.default.createElement(react_1.Box, { fontSize: "xl", fontWeight: "bold" }, "MyApp"), 
-                    // colorScheme="gray"
-                    active: "/", menuItems: [
-                        { label: "Home", href: "/" },
-                        {
-                            label: "Products",
-                            // badge: {
-                            //   label: "new",
-                            //   colorScheme: "red",
-                            // },
-                            children: [
-                                {
-                                    label: "AI Tools",
-                                    href: "/products/ai",
-                                    badge: {
-                                        label: "new",
-                                        colorScheme: "blackAlpha",
-                                    },
-                                },
-                                {
-                                    label: "APIs",
-                                    href: "/products/apis",
-                                    badge: { label: "coming soon", colorScheme: "green" },
-                                },
-                            ],
-                        },
-                        {
-                            label: "Docs",
-                            href: "/docs",
-                            badge: { label: "updated", colorScheme: "yellow" },
-                        },
-                    ], rightSlot: react_2.default.createElement(react_2.default.Fragment, null,
-                        react_2.default.createElement(react_1.Button, { variant: "ghost", colorScheme: "purple" }, "Login"),
-                        react_2.default.createElement(react_1.Button, { colorScheme: "purple" }, "Sign Up")) }));
-            case "/upload":
-                return react_2.default.createElement(fileUpload_1.FileUploader, null);
-            case "/slider":
-                return (react_2.default.createElement(Slider_1.default, { images: [
-                        {
-                            "id": 5,
-                            "previewUrl": "https://res.cloudinary.com/drmkh6z50/image/upload/v1753766262/main_service/1753766262240-leaf.jpg",
-                            "order": 1
-                        },
-                        {
-                            "id": 6,
-                            "previewUrl": "https://res.cloudinary.com/drmkh6z50/image/upload/v1753766262/main_service/1753766262240-wall1.jpg",
-                            "order": 2
-                        },
-                        {
-                            "id": 7,
-                            "previewUrl": "https://res.cloudinary.com/drmkh6z50/image/upload/v1753766262/main_service/1753766262241-wall2.jpg",
-                            "order": 3
-                        },
-                        {
-                            "id": 8,
-                            "previewUrl": "https://res.cloudinary.com/drmkh6z50/image/upload/v1753766262/main_service/1753766262241-wall3.jpg",
-                            "order": 4
-                        }
-                    ] }));
-            case "/productCard":
-                return react_2.default.createElement(productCaard_1.default, null);
-            case "/productDetails":
-                return react_2.default.createElement(productDetailCard_1.default, null);
-            case "/tag":
-                return (react_2.default.createElement(Tag_1.default, { label: "tag", icon: lucide_react_1.Home, size: "md", colorScheme: "gray", onIconClick: function () { return console.log("Icon"); }, onTagClick: function () { return console.log("Tag"); } }));
-            case "/":
-            default:
-        }
-    };
-    return (react_2.default.createElement("div", null,
-        react_2.default.createElement("nav", null,
-            react_2.default.createElement(react_1.HStack, { spacing: 1, flexWrap: "wrap", alignItems: "center" },
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/"); }, variant: "outline", size: "xs" }, "Home"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/alertdialog"); }, variant: "outline", size: "xs" }, "AlertDialog"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/accordion"); }, variant: "outline", size: "xs" }, "Accordion"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/searchSelect"); }, variant: "outline", size: "xs" }, "searchSelect"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/timeline"); }, variant: "outline", size: "xs" }, "Timeline"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/search"); }, variant: "outline", size: "xs" }, "Search"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/datepicker"); }, variant: "outline", size: "xs" }, "Datepicker"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/multiselect"); }, variant: "outline", size: "xs" }, "Multiselect"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/drawer"); }, variant: "outline", size: "xs" }, "Drawer"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/verifyEmail"); }, variant: "outline", size: "xs" }, "VerifyEmail"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/editor"); }, variant: "outline", size: "xs" }, "Editor"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/dropdown"); }, variant: "outline", size: "xs" }, "Dropdown"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/notearea"); }, variant: "outline", size: "xs" }, "Notearea"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/switch"); }, variant: "outline", size: "xs" }, "Switch"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/photoViewer"); }, variant: "outline", size: "xs" }, "PhotoViewer"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/charts"); }, variant: "outline", size: "xs" }, "Charts"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/tooltip"); }, variant: "outline", size: "xs" }, "Tooltip"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/card"); }, variant: "outline", size: "xs" }, "Card"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/pininput"); }, variant: "outline", size: "xs" }, "PinInputs"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/numberinput"); }, variant: "outline", size: "xs" }, "NumberInput"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/progressbar"); }, variant: "outline", size: "xs" }, "Progressbar"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/button"); }, variant: "outline", size: "xs" }, "Button"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/radio"); }, variant: "outline", size: "xs" }, "RadioButton"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/skeleton"); }, variant: "outline", size: "xs" }, "Skeleton"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/textarea"); }, variant: "outline", size: "xs" }, "Textarea"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/select"); }, variant: "outline", size: "xs" }, "Select"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/modal"); }, variant: "outline", size: "xs" }, "Modal"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/checkbox"); }, variant: "outline", size: "xs" }, "Checkbox"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/toster"); }, variant: "outline", size: "xs" }, "Toster"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/InputPage"); }, variant: "outline", size: "xs" }, "Input"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/table"); }, variant: "outline", size: "xs" }, "Table"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/kanban"); }, variant: "outline", size: "xs" }, "Kanban"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/tag"); }, variant: "outline", size: "xs" }, "Tag"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/header"); }, variant: "outline", size: "xs" }, "Header"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/upload"); }, variant: "outline", size: "xs" }, "File Upload"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/slider"); }, variant: "outline", size: "xs" }, "Slider"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/productCard"); }, variant: "outline" }, "Product Card"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/productDetails"); }, variant: "outline" }, "Product Detail Card"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/contactForm"); }, variant: "outline" }, "contactForm")),
-            react_2.default.createElement("br", null),
-            react_2.default.createElement("br", null),
-            react_2.default.createElement("h2", { className: "text-3xl" }, " TailWindCss"),
-            react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/tinput"); }, variant: "outline", size: "xs" }, "Input"),
-            react_2.default.createElement("button", { onClick: function () { return switchTheme("theme2"); } }, "Switch to Theme 2")),
-        react_2.default.createElement("br", null),
-        react_2.default.createElement("br", null),
-        renderPage()));
-};
-exports.default = Layout;

package/dist/Pages/KaTableExample.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const KaTableExample: () => React.JSX.Element;
-export default KaTableExample;