ikoncomponents 1.1.5 → 1.1.7

package/dist/ikoncomponents/tabs/index.js

@@ -1,38 +1,36 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = Tabs;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tabs_1 = require("../../shadcn/tabs");
-const dropdown_menu_1 = require("../../shadcn/dropdown-menu");
-const lucide_react_1 = require("lucide-react");
-const buttons_1 = require("../buttons");
-const card_1 = require("../../shadcn/card");
-const react_1 = require("react");
-const use_mobile_1 = require("../../hooks/use-mobile");
-function Tabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs as TabsComp, TabsContent, TabsList, TabsTrigger, } from "../../shadcn/tabs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { EllipsisVertical } from "lucide-react";
+import { TextButton } from "../buttons";
+import { Card } from "../../shadcn/card";
+import { useEffect, useState } from "react";
+import { useIsMobile } from "../../hooks/use-mobile";
+export function Tabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
+    var _a, _b;
     // const pathName = usePathname();
-    const [itemToDisplay, setItemToDisplay] = (0, react_1.useState)(5);
-    const isMobile = (0, use_mobile_1.useIsMobile)();
-    const [visibleTabs, setVisibleTabs] = (0, react_1.useState)([]);
-    const [groupedTabs, setGroupedTabs] = (0, react_1.useState)([]);
-    const [activeTab, setActiveTab] = (0, react_1.useState)(tabArray.find((tab) => tab.default)?.tabId || tabArray[0]?.tabId || "");
-    (0, react_1.useEffect)(() => {
+    const [itemToDisplay, setItemToDisplay] = useState(5);
+    const isMobile = useIsMobile();
+    const [visibleTabs, setVisibleTabs] = useState([]);
+    const [groupedTabs, setGroupedTabs] = useState([]);
+    const [activeTab, setActiveTab] = useState(((_a = tabArray.find((tab) => tab.default)) === null || _a === void 0 ? void 0 : _a.tabId) || ((_b = tabArray[0]) === null || _b === void 0 ? void 0 : _b.tabId) || "");
+    useEffect(() => {
         setItemToDisplay(isMobile ? 2 : 5);
     }, [isMobile]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (pathName && isSeperatePage) {
             const lastPath = pathName.split("/").pop() || "";
             setActiveTab(lastPath);
         }
     }, [pathName, isSeperatePage]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setVisibleTabs(tabArray.slice(0, itemToDisplay));
         setGroupedTabs(tabArray.slice(itemToDisplay));
     }, [tabArray, itemToDisplay]);
     const handleTabChange = (tabId) => {
         setActiveTab(tabId);
-        onTabChange?.(tabId);
+        onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(tabId);
     };
     const handleGroupedTabSelect = (tab) => {
         setVisibleTabs((prev) => {
@@ -48,5 +46,5 @@ function Tabs({ children, tabArray, pathName, tabListClass = "", tabListInnerCla
         });
         handleTabChange(tab.tabId);
     };
-    return ((0, jsx_runtime_1.jsxs)(tabs_1.Tabs, { value: activeTab, onValueChange: handleTabChange, className: "w-full h-full flex flex-col", children: [(0, jsx_runtime_1.jsxs)(tabs_1.TabsList, { className: `flex justify-between items-center ${tabListClass}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: `flex w-full ${tabListInnerClass}`, children: [visibleTabs.map((tab) => ((0, jsx_runtime_1.jsx)(tabs_1.TabsTrigger, { value: tab.tabId, className: tabListButtonClass, children: tab.tabName }, tab.tabId))), groupedTabs.length > 0 && ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(buttons_1.TextButton, { variant: "outline", size: 'smIcon', className: "mt-1", children: (0, jsx_runtime_1.jsx)(lucide_react_1.EllipsisVertical, {}) }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { children: groupedTabs.map((tab) => ((0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { onClick: () => handleGroupedTabSelect(tab), children: tab.tabName }, tab.tabId))) })] }))] }), headerEndComponent && (0, jsx_runtime_1.jsx)("div", { children: headerEndComponent })] }), children ? ((0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: activeTab, className: `mt-3 flex-grow overflow-auto h-full w-full ${tabContentClass}`, children: (0, jsx_runtime_1.jsx)(card_1.Card, { className: "h-full w-full p-3", children: children }) })) : (tabArray.map((tab) => ((0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: tab.tabId, className: `mt-3 flex-grow overflow-auto h-full w-full ${tabContentClass}`, children: (0, jsx_runtime_1.jsx)(card_1.Card, { className: "h-full w-full p-3", children: tab?.tabContent }) }, tab.tabId))))] }));
+    return (_jsxs(TabsComp, { value: activeTab, onValueChange: handleTabChange, className: "w-full h-full flex flex-col", children: [_jsxs(TabsList, { className: `flex justify-between items-center ${tabListClass}`, children: [_jsxs("div", { className: `flex w-full ${tabListInnerClass}`, children: [visibleTabs.map((tab) => (_jsx(TabsTrigger, { value: tab.tabId, className: tabListButtonClass, children: tab.tabName }, tab.tabId))), groupedTabs.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(TextButton, { variant: "outline", size: 'smIcon', className: "mt-1", children: _jsx(EllipsisVertical, {}) }) }), _jsx(DropdownMenuContent, { children: groupedTabs.map((tab) => (_jsx(DropdownMenuItem, { onClick: () => handleGroupedTabSelect(tab), children: tab.tabName }, tab.tabId))) })] }))] }), headerEndComponent && _jsx("div", { children: headerEndComponent })] }), children ? (_jsx(TabsContent, { value: activeTab, className: `mt-3 flex-grow overflow-auto h-full w-full ${tabContentClass}`, children: _jsx(Card, { className: "h-full w-full p-3", children: children }) })) : (tabArray.map((tab) => (_jsx(TabsContent, { value: tab.tabId, className: `mt-3 flex-grow overflow-auto h-full w-full ${tabContentClass}`, children: _jsx(Card, { className: "h-full w-full p-3", children: tab === null || tab === void 0 ? void 0 : tab.tabContent }) }, tab.tabId))))] }));
 }

package/dist/ikoncomponents/tabs/type.js

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

package/dist/ikoncomponents/theme-toggle-btn/index.js

@@ -1,13 +1,10 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeToggleBtn = ThemeToggleBtn;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const next_themes_1 = require("next-themes");
-const dropdown_menu_1 = require("../../shadcn/dropdown-menu");
-const button_1 = require("../../shadcn/button");
-function ThemeToggleBtn() {
-    const { theme, setTheme } = (0, next_themes_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "icon", children: [theme === "light" && ((0, jsx_runtime_1.jsx)(lucide_react_1.Sun, { className: "h-[1.2rem] w-[1.2rem] transition-all" })), theme === "dark" && ((0, jsx_runtime_1.jsx)(lucide_react_1.Moon, { className: "h-[1.2rem] w-[1.2rem] transition-all" })), theme === "keross" && ((0, jsx_runtime_1.jsx)(lucide_react_1.Waves, { className: "h-[1.2rem] w-[1.2rem] transition-all" })), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle theme" })] }) }), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuContent, { align: "end", children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setTheme("keross"), children: "Keross" })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Waves, Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { Button } from "../../shadcn/button";
+export function ThemeToggleBtn() {
+    const { theme, setTheme } = useTheme();
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", children: [theme === "light" && (_jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] transition-all" })), theme === "dark" && (_jsx(Moon, { className: "h-[1.2rem] w-[1.2rem] transition-all" })), theme === "keross" && (_jsx(Waves, { className: "h-[1.2rem] w-[1.2rem] transition-all" })), _jsx("span", { className: "sr-only", children: "Toggle theme" })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }), _jsx(DropdownMenuItem, { onClick: () => setTheme("keross"), children: "Keross" })] })] }));
 }

package/dist/ikoncomponents/title-progress/index.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TitleProgress = TitleProgress;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const progress_1 = require("../../shadcn/progress");
-function TitleProgress({ title, value, valueText, isPercent = true, className, titleClassName, valueClassName, progressClassName }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Progress } from "../../shadcn/progress";
+export function TitleProgress({ title, value, valueText, isPercent = true, className, titleClassName, valueClassName, progressClassName }) {
     let finalValue = value.toFixed(2);
     const parts = finalValue.split('.');
     if (parts[1] === '00') {
         finalValue = parts[0];
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'w-full ' + (className ?? ''), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center justify-between gap-4', children: [(0, jsx_runtime_1.jsx)("div", { className: 'text-muted-foreground text-sm ' + (titleClassName ?? ''), children: title }), (0, jsx_runtime_1.jsx)("div", { className: 'text-sm ' + (valueClassName ?? ''), children: valueText ?? `${finalValue}${isPercent ? '%' : ''}` })] }), (0, jsx_runtime_1.jsx)(progress_1.Progress, { value: value, className: 'w-full mt-2 ' + (progressClassName ?? '') })] }));
+    return (_jsxs("div", { className: 'w-full ' + (className !== null && className !== void 0 ? className : ''), children: [_jsxs("div", { className: 'flex items-center justify-between gap-4', children: [_jsx("div", { className: 'text-muted-foreground text-sm ' + (titleClassName !== null && titleClassName !== void 0 ? titleClassName : ''), children: title }), _jsx("div", { className: 'text-sm ' + (valueClassName !== null && valueClassName !== void 0 ? valueClassName : ''), children: valueText !== null && valueText !== void 0 ? valueText : `${finalValue}${isPercent ? '%' : ''}` })] }), _jsx(Progress, { value: value, className: 'w-full mt-2 ' + (progressClassName !== null && progressClassName !== void 0 ? progressClassName : '') })] }));
 }

package/dist/ikoncomponents/tooltip/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipComponent = TooltipComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tooltip_1 = require("../../shadcn/tooltip");
-function TooltipComponent({ tooltipContent, children }) {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: tooltipContent })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipComp, TooltipContent, TooltipProvider, TooltipTrigger } from "../../shadcn/tooltip";
+export function TooltipComponent({ tooltipContent, children }) {
+    return (_jsx(TooltipProvider, { children: _jsxs(TooltipComp, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { children: tooltipContent })] }) }));
 }

package/dist/ikoncomponents/twolevel-dropdown/index.js

@@ -1,48 +1,12 @@
-"use strict";
 "use client";
-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.FrameworkItemDropdown = FrameworkItemDropdown;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const cn_1 = require("../../utils/cn");
-const button_1 = require("../../shadcn/button");
-const command_1 = require("../../shadcn/command");
-const popover_1 = require("../../shadcn/popover");
-function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "Select items...", searchPlaceholder = "Search...", className, }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronsUpDown } from "lucide-react";
+import { cn } from "../../utils/cn";
+import { Button } from "../../shadcn/button";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList, } from "../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../shadcn/popover";
+export function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "Select items...", searchPlaceholder = "Search...", className, }) {
     const [open, setOpen] = React.useState(false);
     const [searchQuery, setSearchQuery] = React.useState("");
     const { flatTree, itemMap } = processedData;
@@ -73,15 +37,16 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
         return state;
     }, [value, flatTree, itemMap]);
     const handleSelect = (item) => {
+        var _a, _b, _c;
         const newSelectedIds = new Set(value);
         const currentState = selectionState.get(item.id);
         const shouldBeChecked = !(currentState === "checked" || currentState === "indeterminate");
         const descendants = new Set();
-        const queue = [...(itemMap[item.id]?.childrenIds || [])];
+        const queue = [...(((_a = itemMap[item.id]) === null || _a === void 0 ? void 0 : _a.childrenIds) || [])];
         while (queue.length > 0) {
             const currentId = queue.shift();
             descendants.add(currentId);
-            const children = itemMap[currentId]?.childrenIds || [];
+            const children = ((_b = itemMap[currentId]) === null || _b === void 0 ? void 0 : _b.childrenIds) || [];
             children.forEach((childId) => queue.push(childId));
         }
         if (shouldBeChecked) {
@@ -92,7 +57,7 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
             newSelectedIds.delete(item.id);
             descendants.forEach((id) => newSelectedIds.delete(id));
         }
-        let parentId = itemMap[item.id]?.parentId;
+        let parentId = (_c = itemMap[item.id]) === null || _c === void 0 ? void 0 : _c.parentId;
         while (parentId) {
             const parentInfo = itemMap[parentId];
             if (parentInfo && parentInfo.childrenIds.length > 0) {
@@ -104,7 +69,7 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
                     newSelectedIds.delete(parentId);
                 }
             }
-            parentId = parentInfo?.parentId;
+            parentId = parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentId;
         }
         onChange(Array.from(newSelectedIds));
     };
@@ -125,9 +90,10 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
         // Step 2: collect ancestors and descendants
         const expandedIds = new Set(matchedIds);
         const addAncestors = (id) => {
+            var _a;
             let current = id;
             while (current) {
-                const parentId = itemMap[current]?.parentId;
+                const parentId = (_a = itemMap[current]) === null || _a === void 0 ? void 0 : _a.parentId;
                 if (parentId && !expandedIds.has(parentId)) {
                     expandedIds.add(parentId);
                     current = parentId;
@@ -138,7 +104,8 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
             }
         };
         const addDescendants = (id) => {
-            const children = itemMap[id]?.childrenIds || [];
+            var _a;
+            const children = ((_a = itemMap[id]) === null || _a === void 0 ? void 0 : _a.childrenIds) || [];
             for (const childId of children) {
                 if (!expandedIds.has(childId)) {
                     expandedIds.add(childId);
@@ -159,7 +126,7 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
             return !nodeInfo || nodeInfo.childrenIds.length === 0;
         });
         if (leafNodeIds.length === 0) {
-            return (0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground", children: placeholder });
+            return _jsx("span", { className: "text-muted-foreground", children: placeholder });
         }
         if (leafNodeIds.length === 1) {
             const item = flatTree.find((i) => i.id === leafNodeIds[0]);
@@ -167,10 +134,10 @@ function FrameworkItemDropdown({ processedData, value, onChange, placeholder = "
         }
         return `${leafNodeIds.length} items selected`;
     };
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: (0, cn_1.cn)("w-full justify-between transition-all duration-150 ease-in-out border hover:border-primary hover:shadow-sm bg-secondary cursor-pointer", className), children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: getSelectedLabel() }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: (0, cn_1.cn)("ml-2 h-4 w-4 shrink-0 transition-transform duration-200", open && "rotate-180") })] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0 max-h-[400px] overflow-y-auto", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: searchPlaceholder, value: searchQuery, onValueChange: setSearchQuery }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { className: "transition-all duration-200 ease-in-out", children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No results found." }), filteredItems.map((item) => ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: `${item.index} ${item.title} ${item.description}`, onSelect: () => handleSelect(item), className: "flex items-start cursor-pointer gap-2", style: { paddingLeft: `${item.level * 1.5 + 0.75}rem` }, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "mt-1 h-4 w-4 accent-primary border rounded", checked: selectionState.get(item.id) === "checked", ref: (el) => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: cn("w-full justify-between transition-all duration-150 ease-in-out border hover:border-primary hover:shadow-sm bg-secondary cursor-pointer", className), children: [_jsx("span", { className: "truncate", children: getSelectedLabel() }), _jsx(ChevronsUpDown, { className: cn("ml-2 h-4 w-4 shrink-0 transition-transform duration-200", open && "rotate-180") })] }) }), _jsx(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0 max-h-[400px] overflow-y-auto", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: searchPlaceholder, value: searchQuery, onValueChange: setSearchQuery }), _jsxs(CommandList, { className: "transition-all duration-200 ease-in-out", children: [_jsx(CommandEmpty, { children: "No results found." }), filteredItems.map((item) => (_jsxs(CommandItem, { value: `${item.index} ${item.title} ${item.description}`, onSelect: () => handleSelect(item), className: "flex items-start cursor-pointer gap-2", style: { paddingLeft: `${item.level * 1.5 + 0.75}rem` }, children: [_jsx("input", { type: "checkbox", className: "mt-1 h-4 w-4 accent-primary border rounded", checked: selectionState.get(item.id) === "checked", ref: (el) => {
                                                 if (el) {
                                                     el.indeterminate =
                                                         selectionState.get(item.id) === "indeterminate";
                                                 }
-                                            }, readOnly: true }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-mono text-muted-foreground bg-muted px-1.5 py-0.5 rounded", children: item.index }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: item.title })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description })] })] }, item.id)))] })] }) })] }));
+                                            }, readOnly: true }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("span", { className: "text-xs font-mono text-muted-foreground bg-muted px-1.5 py-0.5 rounded", children: item.index }), _jsx("span", { className: "font-medium", children: item.title })] }), _jsx("p", { className: "text-sm text-muted-foreground", children: item.description })] })] }, item.id)))] })] }) })] }));
 }

package/dist/ikoncomponents/widgets/index.js

@@ -1,17 +1,14 @@
-"use strict";
 'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Widgets = Widgets;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icon_1 = require("../icon");
-const tooltip_1 = require("../../shadcn/tooltip");
-const button_1 = require("../../shadcn/button");
-function Widgets({ widgetData }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../icon";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../shadcn/tooltip";
+import { Button } from "../../shadcn/button";
+export function Widgets({ widgetData }) {
     const firstRowWidgets = widgetData.slice(0, 4);
     const secondRowWidgets = widgetData.slice(4);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col md:flex-row gap-2", children: firstRowWidgets.map((widget) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-row justify-between border rounded-md p-2 border-l-4 border-l-primary", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { className: "cursor-default select-text", children: (0, jsx_runtime_1.jsx)("p", { className: "font-medium max-w-[240px] truncate", children: widget.widgetText }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: (0, jsx_runtime_1.jsx)("p", { children: widget.widgetText }) })] }) }), (0, jsx_runtime_1.jsx)("div", { children: widget.onButtonClickfunc ?
-                                        (0, jsx_runtime_1.jsx)(button_1.Button, { className: "px-0", variant: "link", onClick: () => widget.onButtonClickfunc?.({ id: widget.id }), children: widget.widgetNumber }) :
-                                        (0, jsx_runtime_1.jsx)("p", { className: "inline-flex items-center justify-center px-0 py-2 text-sm font-medium border border-transparent rounded-md", children: widget.widgetNumber }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end items-center", children: widget.iconName && (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: widget.iconName }) })] }, widget.id))) }), secondRowWidgets.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col md:flex-row gap-2", children: secondRowWidgets.map((widget) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-row justify-between border rounded-md p-2 border-l-4 border-l-primary", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { className: "cursor-default select-text", children: (0, jsx_runtime_1.jsx)("p", { className: "font-medium max-w-[240px] truncate", children: widget.widgetText }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { children: (0, jsx_runtime_1.jsx)("p", { children: widget.widgetText }) })] }) }), (0, jsx_runtime_1.jsx)("div", { children: widget.onButtonClickfunc ?
-                                        (0, jsx_runtime_1.jsx)(button_1.Button, { className: "px-0", variant: "link", onClick: () => widget.onButtonClickfunc?.({ id: widget.id }), children: widget.widgetNumber }) :
-                                        (0, jsx_runtime_1.jsx)("p", { className: "inline-flex items-center justify-center px-0 py-2 text-sm font-medium border border-transparent rounded-md", children: widget.widgetNumber }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end items-center", children: widget.iconName && (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: widget.iconName }) })] }, widget.id))) }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "flex flex-col md:flex-row gap-2", children: firstRowWidgets.map((widget) => (_jsxs("div", { className: "flex flex-1 flex-row justify-between border rounded-md p-2 border-l-4 border-l-primary", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "cursor-default select-text", children: _jsx("p", { className: "font-medium max-w-[240px] truncate", children: widget.widgetText }) }), _jsx(TooltipContent, { children: _jsx("p", { children: widget.widgetText }) })] }) }), _jsx("div", { children: widget.onButtonClickfunc ?
+                                        _jsx(Button, { className: "px-0", variant: "link", onClick: () => { var _a; return (_a = widget.onButtonClickfunc) === null || _a === void 0 ? void 0 : _a.call(widget, { id: widget.id }); }, children: widget.widgetNumber }) :
+                                        _jsx("p", { className: "inline-flex items-center justify-center px-0 py-2 text-sm font-medium border border-transparent rounded-md", children: widget.widgetNumber }) })] }), _jsx("div", { className: "flex justify-end items-center", children: widget.iconName && _jsx(Icon, { name: widget.iconName }) })] }, widget.id))) }), secondRowWidgets.length > 0 && (_jsx("div", { className: "flex flex-col md:flex-row gap-2", children: secondRowWidgets.map((widget) => (_jsxs("div", { className: "flex flex-1 flex-row justify-between border rounded-md p-2 border-l-4 border-l-primary", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "cursor-default select-text", children: _jsx("p", { className: "font-medium max-w-[240px] truncate", children: widget.widgetText }) }), _jsx(TooltipContent, { children: _jsx("p", { children: widget.widgetText }) })] }) }), _jsx("div", { children: widget.onButtonClickfunc ?
+                                        _jsx(Button, { className: "px-0", variant: "link", onClick: () => { var _a; return (_a = widget.onButtonClickfunc) === null || _a === void 0 ? void 0 : _a.call(widget, { id: widget.id }); }, children: widget.widgetNumber }) :
+                                        _jsx("p", { className: "inline-flex items-center justify-center px-0 py-2 text-sm font-medium border border-transparent rounded-md", children: widget.widgetNumber }) })] }), _jsx("div", { className: "flex justify-end items-center", children: widget.iconName && _jsx(Icon, { name: widget.iconName }) })] }, widget.id))) }))] }));
 }

package/dist/ikoncomponents/widgets/type.js

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

package/dist/index.d.ts

@@ -73,6 +73,6 @@ export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
 export type { FrameworkEntry, TreeNode, ParentEntry, ProcessedFrameworkData } from "./ikoncomponents/twolevel-dropdown";
 export { Widgets } from "./ikoncomponents/widgets";
 export type { WidgetProps, WidgetsFunctionProps } from "./ikoncomponents/widgets/type";
-export * from "./utils/theme-provider";
-export * from "./utils/cn";
-export * from "./hooks/use-mobile";
+export { ThemeProvider } from "./utils/theme-provider";
+export { cn } from "./utils/cn";
+export { useIsMobile } from "./hooks/use-mobile";

package/dist/index.js

@@ -1,123 +1,70 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Widgets = exports.FrameworkItemDropdown = exports.TooltipComponent = exports.TitleProgress = exports.ThemeToggleBtn = exports.Tabs = exports.SimpleWidget = exports.SheetComponent = exports.SearchInput = exports.ResourceTable = exports.PhoneInput = exports.PasswordStrengthMeter = exports.PageWrapper = exports.NoDataComponent = exports.MultiCombobox = exports.LoadingSpinner = exports.Icon = exports.GlowingEffect = exports.FileInput = exports.EChart = exports.DataTable = exports.getDataTableColumnTitle = exports.DataTableToolbar = exports.DataTablePagination = exports.DataTableFilterMenu = exports.DataTableFacetedFilter = exports.DataTableColumnFilter = exports.ComboboxInput = exports.IconButtonWithTooltip = exports.IconButton = exports.IconTextButtonWithTooltip = exports.IconTextButton = exports.TextButtonWithTooltip = exports.TextButton = exports.CustomAlertDialog = exports.ActionMenu = void 0;
-require("./styles.css"); // just imports, no processing
-__exportStar(require("./shadcn/accordion"), exports);
-__exportStar(require("./shadcn/alert-dialog"), exports);
-__exportStar(require("./shadcn/alert"), exports);
-__exportStar(require("./shadcn/avatar"), exports);
-__exportStar(require("./shadcn/badge"), exports);
-__exportStar(require("./shadcn/button"), exports);
-__exportStar(require("./shadcn/calendar"), exports);
-__exportStar(require("./shadcn/card"), exports);
-__exportStar(require("./shadcn/checkbox"), exports);
-__exportStar(require("./shadcn/command"), exports);
-__exportStar(require("./shadcn/date-input"), exports);
-__exportStar(require("./shadcn/date-range-picker"), exports);
-__exportStar(require("./shadcn/dialog"), exports);
-__exportStar(require("./shadcn/dropdown-menu"), exports);
-__exportStar(require("./shadcn/hover-card"), exports);
-__exportStar(require("./shadcn/input"), exports);
-__exportStar(require("./shadcn/label"), exports);
-__exportStar(require("./shadcn/navigation-menu"), exports);
-__exportStar(require("./shadcn/popover"), exports);
-__exportStar(require("./shadcn/progress"), exports);
-__exportStar(require("./shadcn/radio-group"), exports);
-__exportStar(require("./shadcn/scroll-area"), exports);
-__exportStar(require("./shadcn/select"), exports);
-__exportStar(require("./shadcn/separator"), exports);
-__exportStar(require("./shadcn/sheet"), exports);
-__exportStar(require("./shadcn/sidebar"), exports);
-__exportStar(require("./shadcn/skeleton"), exports);
-__exportStar(require("./shadcn/slider"), exports);
-__exportStar(require("./shadcn/sonner"), exports);
-__exportStar(require("./shadcn/switch"), exports);
-__exportStar(require("./shadcn/table"), exports);
-__exportStar(require("./shadcn/tabs"), exports);
-__exportStar(require("./shadcn/textarea"), exports);
-__exportStar(require("./shadcn/tooltip"), exports);
-__exportStar(require("./shadcn/workflow"), exports);
-var action_menu_1 = require("./ikoncomponents/action-menu");
-Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return action_menu_1.ActionMenu; } });
-var alert_dialog_1 = require("./ikoncomponents/alert-dialog");
-Object.defineProperty(exports, "CustomAlertDialog", { enumerable: true, get: function () { return alert_dialog_1.CustomAlertDialog; } });
-var buttons_1 = require("./ikoncomponents/buttons");
-Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return buttons_1.TextButton; } });
-Object.defineProperty(exports, "TextButtonWithTooltip", { enumerable: true, get: function () { return buttons_1.TextButtonWithTooltip; } });
-Object.defineProperty(exports, "IconTextButton", { enumerable: true, get: function () { return buttons_1.IconTextButton; } });
-Object.defineProperty(exports, "IconTextButtonWithTooltip", { enumerable: true, get: function () { return buttons_1.IconTextButtonWithTooltip; } });
-Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return buttons_1.IconButton; } });
-Object.defineProperty(exports, "IconButtonWithTooltip", { enumerable: true, get: function () { return buttons_1.IconButtonWithTooltip; } });
-var combobox_input_1 = require("./ikoncomponents/combobox-input");
-Object.defineProperty(exports, "ComboboxInput", { enumerable: true, get: function () { return combobox_input_1.ComboboxInput; } });
-var datatable_column_filter_1 = require("./ikoncomponents/data-table/datatable-column-filter");
-Object.defineProperty(exports, "DataTableColumnFilter", { enumerable: true, get: function () { return datatable_column_filter_1.DataTableColumnFilter; } });
-var datatable_faceted_filter_1 = require("./ikoncomponents/data-table/datatable-faceted-filter");
-Object.defineProperty(exports, "DataTableFacetedFilter", { enumerable: true, get: function () { return datatable_faceted_filter_1.DataTableFacetedFilter; } });
-var datatable_filter_menu_1 = require("./ikoncomponents/data-table/datatable-filter-menu");
-Object.defineProperty(exports, "DataTableFilterMenu", { enumerable: true, get: function () { return datatable_filter_menu_1.DataTableFilterMenu; } });
-var datatable_pagination_1 = require("./ikoncomponents/data-table/datatable-pagination");
-Object.defineProperty(exports, "DataTablePagination", { enumerable: true, get: function () { return datatable_pagination_1.DataTablePagination; } });
-var datatable_toolbar_1 = require("./ikoncomponents/data-table/datatable-toolbar");
-Object.defineProperty(exports, "DataTableToolbar", { enumerable: true, get: function () { return datatable_toolbar_1.DataTableToolbar; } });
-var function_1 = require("./ikoncomponents/data-table/function");
-Object.defineProperty(exports, "getDataTableColumnTitle", { enumerable: true, get: function () { return function_1.getDataTableColumnTitle; } });
-var data_table_1 = require("./ikoncomponents/data-table");
-Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return data_table_1.DataTable; } });
-var e_chart_1 = require("./ikoncomponents/e-chart");
-Object.defineProperty(exports, "EChart", { enumerable: true, get: function () { return e_chart_1.EChart; } });
-var file_input_1 = require("./ikoncomponents/file-input");
-Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return file_input_1.FileInput; } });
-var glowing_effect_1 = require("./ikoncomponents/glowing-effect");
-Object.defineProperty(exports, "GlowingEffect", { enumerable: true, get: function () { return glowing_effect_1.GlowingEffect; } });
-var icon_1 = require("./ikoncomponents/icon");
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_1.Icon; } });
-var loading_spinner_1 = require("./ikoncomponents/loading-spinner");
-Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return loading_spinner_1.LoadingSpinner; } });
-var multi_combobox_1 = require("./ikoncomponents/multi-combobox");
-Object.defineProperty(exports, "MultiCombobox", { enumerable: true, get: function () { return multi_combobox_1.MultiCombobox; } });
-var no_data_1 = require("./ikoncomponents/no-data");
-Object.defineProperty(exports, "NoDataComponent", { enumerable: true, get: function () { return no_data_1.NoDataComponent; } });
-var page_wrapper_1 = require("./ikoncomponents/page-wrapper");
-Object.defineProperty(exports, "PageWrapper", { enumerable: true, get: function () { return page_wrapper_1.PageWrapper; } });
-var password_strength_meter_1 = require("./ikoncomponents/password-strength-meter");
-Object.defineProperty(exports, "PasswordStrengthMeter", { enumerable: true, get: function () { return password_strength_meter_1.PasswordStrengthMeter; } });
-var phone_input_1 = require("./ikoncomponents/phone-input");
-Object.defineProperty(exports, "PhoneInput", { enumerable: true, get: function () { return phone_input_1.PhoneInput; } });
-var resource_spreadsheet_1 = require("./ikoncomponents/resource-spreadsheet");
-Object.defineProperty(exports, "ResourceTable", { enumerable: true, get: function () { return resource_spreadsheet_1.ResourceTable; } });
-var search_input_1 = require("./ikoncomponents/search-input");
-Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return search_input_1.SearchInput; } });
-var sheet_1 = require("./ikoncomponents/sheet");
-Object.defineProperty(exports, "SheetComponent", { enumerable: true, get: function () { return sheet_1.SheetComponent; } });
-var simple_widget_1 = require("./ikoncomponents/simple-widget");
-Object.defineProperty(exports, "SimpleWidget", { enumerable: true, get: function () { return simple_widget_1.SimpleWidget; } });
-var tabs_1 = require("./ikoncomponents/tabs");
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
-var theme_toggle_btn_1 = require("./ikoncomponents/theme-toggle-btn");
-Object.defineProperty(exports, "ThemeToggleBtn", { enumerable: true, get: function () { return theme_toggle_btn_1.ThemeToggleBtn; } });
-var title_progress_1 = require("./ikoncomponents/title-progress");
-Object.defineProperty(exports, "TitleProgress", { enumerable: true, get: function () { return title_progress_1.TitleProgress; } });
-var tooltip_1 = require("./ikoncomponents/tooltip");
-Object.defineProperty(exports, "TooltipComponent", { enumerable: true, get: function () { return tooltip_1.TooltipComponent; } });
-var twolevel_dropdown_1 = require("./ikoncomponents/twolevel-dropdown");
-Object.defineProperty(exports, "FrameworkItemDropdown", { enumerable: true, get: function () { return twolevel_dropdown_1.FrameworkItemDropdown; } });
-var widgets_1 = require("./ikoncomponents/widgets");
-Object.defineProperty(exports, "Widgets", { enumerable: true, get: function () { return widgets_1.Widgets; } });
-__exportStar(require("./utils/theme-provider"), exports);
-__exportStar(require("./utils/cn"), exports);
-__exportStar(require("./hooks/use-mobile"), exports);
+import "./styles.css"; // just imports, no processing
+export * from "./shadcn/accordion";
+export * from "./shadcn/alert-dialog";
+export * from "./shadcn/alert";
+export * from "./shadcn/avatar";
+export * from "./shadcn/badge";
+export * from "./shadcn/button";
+export * from "./shadcn/calendar";
+export * from "./shadcn/card";
+export * from "./shadcn/checkbox";
+export * from "./shadcn/command";
+export * from "./shadcn/date-input";
+export * from "./shadcn/date-range-picker";
+export * from "./shadcn/dialog";
+export * from "./shadcn/dropdown-menu";
+export * from "./shadcn/hover-card";
+export * from "./shadcn/input";
+export * from "./shadcn/label";
+export * from "./shadcn/navigation-menu";
+export * from "./shadcn/popover";
+export * from "./shadcn/progress";
+export * from "./shadcn/radio-group";
+export * from "./shadcn/scroll-area";
+export * from "./shadcn/select";
+export * from "./shadcn/separator";
+export * from "./shadcn/sheet";
+export * from "./shadcn/sidebar";
+export * from "./shadcn/skeleton";
+export * from "./shadcn/slider";
+export * from "./shadcn/sonner";
+export * from "./shadcn/switch";
+export * from "./shadcn/table";
+export * from "./shadcn/tabs";
+export * from "./shadcn/textarea";
+export * from "./shadcn/tooltip";
+export * from "./shadcn/workflow";
+export { ActionMenu } from "./ikoncomponents/action-menu";
+export { CustomAlertDialog } from "./ikoncomponents/alert-dialog";
+export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip } from "./ikoncomponents/buttons";
+export { ComboboxInput } from "./ikoncomponents/combobox-input";
+export { DataTableColumnFilter } from "./ikoncomponents/data-table/datatable-column-filter";
+export { DataTableFacetedFilter } from "./ikoncomponents/data-table/datatable-faceted-filter";
+export { DataTableFilterMenu } from "./ikoncomponents/data-table/datatable-filter-menu";
+export { DataTablePagination } from "./ikoncomponents/data-table/datatable-pagination";
+export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar";
+export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
+export { DataTable } from "./ikoncomponents/data-table";
+export { EChart } from "./ikoncomponents/e-chart";
+export { FileInput } from "./ikoncomponents/file-input";
+export { GlowingEffect } from "./ikoncomponents/glowing-effect";
+export { Icon } from "./ikoncomponents/icon";
+export { LoadingSpinner } from "./ikoncomponents/loading-spinner";
+export { MultiCombobox } from "./ikoncomponents/multi-combobox";
+export { NoDataComponent } from "./ikoncomponents/no-data";
+export { PageWrapper } from "./ikoncomponents/page-wrapper";
+export { PasswordStrengthMeter } from "./ikoncomponents/password-strength-meter";
+export { PhoneInput } from "./ikoncomponents/phone-input";
+export { ResourceTable } from "./ikoncomponents/resource-spreadsheet";
+export { SearchInput } from "./ikoncomponents/search-input";
+export { SheetComponent } from "./ikoncomponents/sheet";
+export { SimpleWidget } from "./ikoncomponents/simple-widget";
+export { Tabs } from "./ikoncomponents/tabs";
+export { ThemeToggleBtn } from "./ikoncomponents/theme-toggle-btn";
+export { TitleProgress } from "./ikoncomponents/title-progress";
+export { TooltipComponent } from "./ikoncomponents/tooltip";
+export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
+export { Widgets } from "./ikoncomponents/widgets";
+export { ThemeProvider } from "./utils/theme-provider";
+export { cn } from "./utils/cn";
+export { useIsMobile } from "./hooks/use-mobile";