ikoncomponents 1.1.6 → 1.1.7

package/dist/ikoncomponents/icon/index.js

@@ -1,47 +1,23 @@
-"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.Icon = Icon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LucideIcons = __importStar(require("lucide-react"));
-function Icon({ name, ...props }) {
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LucideIcons from 'lucide-react';
+export function Icon(_a) {
+    var { name } = _a, props = __rest(_a, ["name"]);
     const IconComponent = LucideIcons[name];
     if (!IconComponent) {
         console.warn(`Icon "${name}" not found in lucide-react`);
         return null;
     }
-    return (0, jsx_runtime_1.jsx)(IconComponent, { ...props });
+    return _jsx(IconComponent, Object.assign({}, props));
 }

package/dist/ikoncomponents/loading-spinner/index.js

@@ -1,11 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingSpinner = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../../utils/cn");
-const LoadingSpinner = ({ size = 48, className, visible = true, ...props }) => {
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn";
+export const LoadingSpinner = (_a) => {
+    var { size = 48, className, visible = true } = _a, props = __rest(_a, ["size", "className", "visible"]);
     if (!visible)
         return null;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "h-full w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex justify-center items-center z-50", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, ...props, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: (0, cn_1.cn)("animate-spin", className), children: (0, jsx_runtime_1.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }) }) }));
+    return (_jsx("div", { className: "h-full w-full", children: _jsx("div", { className: "absolute inset-0 flex justify-center items-center z-50", children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size }, props, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("animate-spin", className), children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })) }) }));
 };
-exports.LoadingSpinner = LoadingSpinner;

package/dist/ikoncomponents/multi-combobox/index.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiCombobox = MultiCombobox;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // import React, { useEffect, useState } from 'react'
 // import { Popover, PopoverContent, PopoverTrigger } from '@/shadcn/ui/popover'
 // import { Button } from '@/shadcn/ui/button'
@@ -98,25 +95,25 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 //     </>
 //   )
 // }
-const react_1 = require("react");
-const popover_1 = require("../../shadcn/popover");
-const button_1 = require("../../shadcn/button");
-const cn_1 = require("../../utils/cn");
-const lucide_react_1 = require("lucide-react");
-const command_1 = require("../../shadcn/command");
-const tooltip_1 = require("../../shadcn/tooltip");
-const checkbox_1 = require("../../shadcn/checkbox");
-function MultiCombobox({ placeholder, items, onValueChange, defaultValue, defaultOptions = 2 }) {
-    const [selectedItems, setSelectedItems] = (0, react_1.useState)(defaultValue || []);
-    const [search, setSearch] = (0, react_1.useState)("");
-    const containerRef = (0, react_1.useRef)(null);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+import { useEffect, useState, useRef, useCallback } from 'react';
+import { Popover, PopoverContent, PopoverTrigger } from '../../shadcn/popover';
+import { Button } from '../../shadcn/button';
+import { cn } from '../../utils/cn';
+import { ChevronsUpDown, X } from 'lucide-react';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../shadcn/command';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../shadcn/tooltip';
+import { Checkbox } from '../../shadcn/checkbox';
+export function MultiCombobox({ placeholder, items, onValueChange, defaultValue, defaultOptions = 2 }) {
+    const [selectedItems, setSelectedItems] = useState(defaultValue || []);
+    const [search, setSearch] = useState("");
+    const containerRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
         onValueChange(selectedItems);
     }, [selectedItems, onValueChange]);
     const filteredItems = items
         .filter((item) => (item.label || item.value).toLowerCase().includes(search.toLowerCase()))
-        .sort((a, b) => (a?.label ?? "").localeCompare(b?.label ?? ""));
+        .sort((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.label) !== null && _a !== void 0 ? _a : "").localeCompare((_b = b === null || b === void 0 ? void 0 : b.label) !== null && _b !== void 0 ? _b : ""); });
     const onWheel = (e) => {
         const el = e.currentTarget;
         el.scrollTop += e.deltaY;
@@ -128,8 +125,8 @@ function MultiCombobox({ placeholder, items, onValueChange, defaultValue, defaul
             : [...selectedItems, value];
         setSelectedItems(updatedItems);
     };
-    const [visibleCount, setVisibleCount] = (0, react_1.useState)(selectedItems.length);
-    const calculateVisibleItems = (0, react_1.useCallback)(() => {
+    const [visibleCount, setVisibleCount] = useState(selectedItems.length);
+    const calculateVisibleItems = useCallback(() => {
         const container = containerRef.current;
         if (!container)
             return visibleCount;
@@ -149,7 +146,7 @@ function MultiCombobox({ placeholder, items, onValueChange, defaultValue, defaul
         }
         return fitCount;
     }, [visibleCount]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const container = containerRef.current;
         if (!container)
             return;
@@ -170,9 +167,10 @@ function MultiCombobox({ placeholder, items, onValueChange, defaultValue, defaul
             resizeObserver.disconnect();
         };
     }, [calculateVisibleItems]);
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, className: "w-full", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", className: (0, cn_1.cn)("justify-between px-3 py-2 h-10", selectedItems.length === 0 && "text-foreground/50", "bg-secondary"), onClick: () => setOpen((prev) => !prev), children: [selectedItems.length > 0 ? ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: "flex flex-wrap gap-2 items-center overflow-hidden flex-1", children: [selectedItems.slice(0, defaultOptions).map((value) => {
-                                        const label = items.find((item) => item.value === value)?.label || value;
-                                        return ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center px-2 py-1 bg-secondary text-secondary-foreground rounded-md truncate max-w-full", title: label, children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate max-w-[120px]", children: label }), (0, jsx_runtime_1.jsx)("span", { role: "button", tabIndex: 0, onClick: (e) => {
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("justify-between px-3 py-2 h-10", selectedItems.length === 0 && "text-foreground/50", "bg-secondary"), onClick: () => setOpen((prev) => !prev), children: [selectedItems.length > 0 ? (_jsx(TooltipProvider, { children: _jsxs("div", { ref: containerRef, className: "flex flex-wrap gap-2 items-center overflow-hidden flex-1", children: [selectedItems.slice(0, defaultOptions).map((value) => {
+                                        var _a;
+                                        const label = ((_a = items.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || value;
+                                        return (_jsxs("span", { className: "flex items-center px-2 py-1 bg-secondary text-secondary-foreground rounded-md truncate max-w-full", title: label, children: [_jsx("span", { className: "truncate max-w-[120px]", children: label }), _jsx("span", { role: "button", tabIndex: 0, onClick: (e) => {
                                                         e.stopPropagation();
                                                         toggleItem(value);
                                                     }, onKeyDown: (e) => {
@@ -181,21 +179,24 @@ function MultiCombobox({ placeholder, items, onValueChange, defaultValue, defaul
                                                             e.stopPropagation();
                                                             toggleItem(value);
                                                         }
-                                                    }, className: "ml-1 text-muted-foreground hover:text-destructive cursor-pointer outline-none", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3 ml-1" }) })] }, value));
-                                    }), selectedItems.length > defaultOptions && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("span", { className: "px-2 py-1 bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground keross:bg-secondary keross:text-secondary-foreground rounded-md cursor-pointer", children: ["+", selectedItems.length - defaultOptions, " more"] }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { className: "max-w-xs break-words", children: (0, jsx_runtime_1.jsx)("div", { onWheel: onWheel, className: "flex flex-col gap-1 max-h-[200px] overflow-auto", children: selectedItems.slice(defaultOptions).map((value) => ((0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: items.find((item) => item.value === value)?.label || value }, value))) }) })] }))] }) })) : ((0, jsx_runtime_1.jsx)("span", { className: "flex-1 text-left truncate", children: placeholder })), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "p-0 min-w-[var(--radix-popover-trigger-width)]", style: { width: 'max-content', maxWidth: 'min(500px, 90vw)' }, align: "start", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { onMouseDown: (e) => e.preventDefault(), children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: "Search...", value: search, onValueChange: setSearch }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { onWheel: onWheel, className: "max-h-60 overflow-auto", children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No items found." }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: filteredItems.map((item) => {
+                                                    }, className: "ml-1 text-muted-foreground hover:text-destructive cursor-pointer outline-none", children: _jsx(X, { className: "w-3 h-3 ml-1" }) })] }, value));
+                                    }), selectedItems.length > defaultOptions && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: "px-2 py-1 bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground keross:bg-secondary keross:text-secondary-foreground rounded-md cursor-pointer", children: ["+", selectedItems.length - defaultOptions, " more"] }) }), _jsx(TooltipContent, { className: "max-w-xs break-words", children: _jsx("div", { onWheel: onWheel, className: "flex flex-col gap-1 max-h-[200px] overflow-auto", children: selectedItems.slice(defaultOptions).map((value) => {
+                                                        var _a;
+                                                        return (_jsx("span", { className: "text-sm", children: ((_a = items.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || value }, value));
+                                                    }) }) })] }))] }) })) : (_jsx("span", { className: "flex-1 text-left truncate", children: placeholder })), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "p-0 min-w-[var(--radix-popover-trigger-width)]", style: { width: 'max-content', maxWidth: 'min(500px, 90vw)' }, align: "start", children: _jsxs(Command, { onMouseDown: (e) => e.preventDefault(), children: [_jsx(CommandInput, { placeholder: "Search...", value: search, onValueChange: setSearch }), _jsxs(CommandList, { onWheel: onWheel, className: "max-h-60 overflow-auto", children: [_jsx(CommandEmpty, { children: "No items found." }), _jsx(CommandGroup, { children: filteredItems.map((item) => {
                                         const isSelected = selectedItems.includes(item.value);
                                         const isDisabled = item.disabled === true || (typeof item.disabled === "function" && item.disabled(item));
-                                        return ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: item.label || item.value, disabled: isDisabled, onPointerDown: (e) => {
+                                        return (_jsxs(CommandItem, { value: item.label || item.value, disabled: isDisabled, onPointerDown: (e) => {
                                                 e.preventDefault();
                                                 e.stopPropagation();
                                             }, onSelect: () => {
                                                 if (!isDisabled) {
                                                     toggleItem(item.value);
                                                 }
-                                            }, className: (0, cn_1.cn)("flex items-center justify-between space-x-2", isDisabled && "opacity-50 cursor-not-allowed"), children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: isSelected, onCheckedChange: () => {
+                                            }, className: cn("flex items-center justify-between space-x-2", isDisabled && "opacity-50 cursor-not-allowed"), children: [_jsx(Checkbox, { checked: isSelected, onCheckedChange: () => {
                                                         if (!isDisabled) {
                                                             toggleItem(item.value);
                                                         }
-                                                    }, onClick: (e) => e.stopPropagation(), disabled: isDisabled }), (0, jsx_runtime_1.jsx)("span", { className: "flex-grow text-left", children: item?.label || item.value })] }, item.value));
+                                                    }, onClick: (e) => e.stopPropagation(), disabled: isDisabled }), _jsx("span", { className: "flex-grow text-left", children: (item === null || item === void 0 ? void 0 : item.label) || item.value })] }, item.value));
                                     }) })] })] }) })] }));
 }

package/dist/ikoncomponents/no-data/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoDataComponent = NoDataComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-function NoDataComponent({ text }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full justify-center text-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleAlert, { className: "text-muted-foreground mx-auto", size: 36 }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground", children: text ? text : "No Data Available" })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleAlert } from "lucide-react";
+export function NoDataComponent({ text }) {
+    return (_jsxs("div", { className: "flex flex-col h-full justify-center text-center gap-2", children: [_jsx(CircleAlert, { className: "text-muted-foreground mx-auto", size: 36 }), _jsx("p", { className: "text-muted-foreground", children: text ? text : "No Data Available" })] }));
 }

package/dist/ikoncomponents/page-wrapper/index.js

@@ -1,10 +1,7 @@
-"use strict";
 'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageWrapper = PageWrapper;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function PageWrapper({ title, subtitle, tools, children }) {
-    title = title ?? '';
-    subtitle = subtitle ?? '';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 h-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: 'grid grid-cols-1 gap-1', children: [title && (0, jsx_runtime_1.jsx)("h1", { className: 'text-2xl font-semibold', children: title }), subtitle && (0, jsx_runtime_1.jsx)("p", { className: 'text-muted-foreground/60', children: subtitle })] }), (0, jsx_runtime_1.jsx)("div", { children: tools })] }), children] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PageWrapper({ title, subtitle, tools, children }) {
+    title = title !== null && title !== void 0 ? title : '';
+    subtitle = subtitle !== null && subtitle !== void 0 ? subtitle : '';
+    return (_jsxs("div", { className: "flex flex-col gap-4 h-full", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: 'grid grid-cols-1 gap-1', children: [title && _jsx("h1", { className: 'text-2xl font-semibold', children: title }), subtitle && _jsx("p", { className: 'text-muted-foreground/60', children: subtitle })] }), _jsx("div", { children: tools })] }), children] }));
 }

package/dist/ikoncomponents/password-strength-meter/index.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordStrengthMeter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const progress_1 = require("../../shadcn/progress");
-const zxcvbn_1 = __importDefault(require("zxcvbn"));
-const PasswordStrengthMeter = ({ value }) => {
-    const testResult = (0, zxcvbn_1.default)(value);
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Progress } from "../../shadcn/progress";
+import zxcvbn from "zxcvbn";
+export const PasswordStrengthMeter = ({ value }) => {
+    const testResult = zxcvbn(value);
     const num = (testResult.score * 100) / 4;
     const createPassLabel = () => {
         switch (testResult.score) {
@@ -42,6 +36,5 @@ const PasswordStrengthMeter = ({ value }) => {
                 return "";
         }
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(progress_1.Progress, { value: num, indicatorColor: funcProgressColor() }) }));
+    return (_jsx(_Fragment, { children: _jsx(Progress, { value: num, indicatorColor: funcProgressColor() }) }));
 };
-exports.PasswordStrengthMeter = PasswordStrengthMeter;

package/dist/ikoncomponents/phone-input/index.js

@@ -1,65 +1,41 @@
-"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.PhoneInput = PhoneInput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../../shadcn/button");
-const command_1 = require("../../shadcn/command");
-const popover_1 = require("../../shadcn/popover");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const countries_list_1 = require("countries-list");
-const Flags = __importStar(require("country-flag-icons/react/3x2"));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../shadcn/button';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../shadcn/command';
+import { Popover, PopoverContent, PopoverTrigger } from '../../shadcn/popover';
+import { ChevronsUpDown } from 'lucide-react';
+import { useState } from 'react';
+import { countries } from 'countries-list';
+import * as Flags from "country-flag-icons/react/3x2";
 const Flag = ({ code }) => {
     const FlagComponent = Flags[code];
-    return (0, jsx_runtime_1.jsx)(FlagComponent, {});
+    return _jsx(FlagComponent, {});
 };
-function PhoneInput({ className, ...props }) {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [value, setValue] = (0, react_1.useState)("");
-    const [countryCode, setCountryCode] = (0, react_1.useState)("");
-    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: "justify-between bg-secondary", children: [countryCode
-                            ? (0, jsx_runtime_1.jsx)(Flag, { code: countryCode })
-                            : "...", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "opacity-50" })] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "p-0", align: 'start', children: (0, jsx_runtime_1.jsxs)(command_1.Command, { filter: (value, search, keywords = []) => {
+export function PhoneInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const [open, setOpen] = useState(false);
+    const [value, setValue] = useState("");
+    const [countryCode, setCountryCode] = useState("");
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: "justify-between bg-secondary", children: [countryCode
+                            ? _jsx(Flag, { code: countryCode })
+                            : "...", _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }), _jsx(PopoverContent, { className: "p-0", align: 'start', children: _jsxs(Command, { filter: (value, search, keywords = []) => {
                         const extendValue = value.toLowerCase() + ' ' + keywords.join(' ').toLowerCase();
                         if (extendValue.includes(search.toLowerCase()))
                             return 1;
                         return 0;
-                    }, children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: "Search ...", className: "h-9" }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No country found." }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: Object.entries(countries_list_1.countries).map(([code, country]) => (country.phone.map((phone) => (0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: `${phone}`, keywords: [country.name, "+" + phone.toString(), code], onSelect: (currentValue) => {
+                    }, children: [_jsx(CommandInput, { placeholder: "Search ...", className: "h-9" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No country found." }), _jsx(CommandGroup, { children: Object.entries(countries).map(([code, country]) => (country.phone.map((phone) => _jsxs(CommandItem, { value: `${phone}`, keywords: [country.name, "+" + phone.toString(), code], onSelect: (currentValue) => {
                                             setValue(currentValue === value ? "" : currentValue);
                                             setCountryCode(code);
                                             setOpen(false);
-                                        }, children: [(0, jsx_runtime_1.jsx)(Flag, { code: code }), " ", country.name, " +", phone] }, phone)))) })] })] }) })] }));
+                                        }, children: [_jsx(Flag, { code: code }), " ", country.name, " +", phone] }, phone)))) })] })] }) })] }));
 }

package/dist/ikoncomponents/resource-spreadsheet/index.js

@@ -1,47 +1,11 @@
-"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.ResourceTable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const card_1 = require("../../shadcn/card");
-const input_1 = require("../../shadcn/input");
-const select_1 = require("../../shadcn/select");
-const table_1 = require("../../shadcn/table");
-const lucide_react_1 = require("lucide-react");
-const React = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "../../shadcn/card";
+import { Input } from "../../shadcn/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../shadcn/select";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../shadcn/table";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { useFormContext } from "react-hook-form";
 const groupResourcesByTask = (resources) => {
     const groupedMap = resources.reduce((acc, resource) => {
         const taskId = resource.taskId;
@@ -57,8 +21,8 @@ const groupResourcesByTask = (resources) => {
     }, new Map());
     return Array.from(groupedMap.values());
 };
-const ResourceTable = ({ resourceDataWithAllocation, userMaps, monthsRange }) => {
-    const { setValue } = (0, react_hook_form_1.useFormContext)();
+export const ResourceTable = ({ resourceDataWithAllocation, userMaps, monthsRange }) => {
+    const { setValue } = useFormContext();
     const [expandedTasks, setExpandedTasks] = React.useState(new Set());
     const groupedResources = groupResourcesByTask(resourceDataWithAllocation);
     const toggleTask = (taskId) => {
@@ -68,6 +32,5 @@ const ResourceTable = ({ resourceDataWithAllocation, userMaps, monthsRange }) =>
             return newSet;
         });
     };
-    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "p-0 bg-background", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-0", children: (0, jsx_runtime_1.jsxs)(table_1.Table, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: (0, jsx_runtime_1.jsxs)(table_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "w-[300px] py-5", children: "Task Name" }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "w-[200px] py-5", children: "Employee Name" }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "w-[200px] py-5", children: "Role" }), monthsRange.map((month) => ((0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "w-[100px] py-5", children: month.replace("_", " ") }, month)))] }) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: groupedResources.map((group) => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(table_1.TableRow, { className: "cursor-pointer hover:bg-accent", onClick: () => toggleTask(group.taskId), children: (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: 3 + monthsRange.length, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [expandedTasks.has(group.taskId) ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4 text-primary" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4 text-primary" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: group.taskName })] }) }) }), expandedTasks.has(group.taskId) && group.resources.map((resource) => ((0, jsx_runtime_1.jsxs)(table_1.TableRow, { className: "hover:bg-muted/30", children: [(0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "pl-8", children: (0, jsx_runtime_1.jsx)(input_1.Input, { value: resource.taskName, disabled: true, className: "w-full bg-transparent border-0 px-0 disabled:opacity-100" }) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: (0, jsx_runtime_1.jsxs)(select_1.Select, { defaultValue: resource.resourceId, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: "Select employee" }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { children: Object.entries(userMaps.userDetailsMap).map(([id, user]) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: id, children: user.name }, id))) })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: (0, jsx_runtime_1.jsxs)(select_1.Select, { defaultValue: resource.gradeId.toString(), children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: "Select role" }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { children: Object.entries(userMaps.rolesMap).map(([id, role]) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: id, children: role.roleName }, id))) })] }) }), monthsRange.map((month) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { children: (0, jsx_runtime_1.jsx)(input_1.Input, { type: "number", min: "0", max: "1", step: "0.01", defaultValue: resource.allocation[month] || 0, className: "w-20" }) }, month)))] }, `${resource.taskId}-${resource.resourceId}`)))] }, group.taskId))) })] }) }) }));
+    return (_jsx(Card, { className: "p-0 bg-background", children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[300px] py-5", children: "Task Name" }), _jsx(TableHead, { className: "w-[200px] py-5", children: "Employee Name" }), _jsx(TableHead, { className: "w-[200px] py-5", children: "Role" }), monthsRange.map((month) => (_jsx(TableHead, { className: "w-[100px] py-5", children: month.replace("_", " ") }, month)))] }) }), _jsx(TableBody, { children: groupedResources.map((group) => (_jsxs(React.Fragment, { children: [_jsx(TableRow, { className: "cursor-pointer hover:bg-accent", onClick: () => toggleTask(group.taskId), children: _jsx(TableCell, { colSpan: 3 + monthsRange.length, children: _jsxs("div", { className: "flex items-center gap-2", children: [expandedTasks.has(group.taskId) ? _jsx(ChevronDown, { className: "h-4 w-4 text-primary" }) : _jsx(ChevronRight, { className: "h-4 w-4 text-primary" }), _jsx("span", { className: "font-medium", children: group.taskName })] }) }) }), expandedTasks.has(group.taskId) && group.resources.map((resource) => (_jsxs(TableRow, { className: "hover:bg-muted/30", children: [_jsx(TableCell, { className: "pl-8", children: _jsx(Input, { value: resource.taskName, disabled: true, className: "w-full bg-transparent border-0 px-0 disabled:opacity-100" }) }), _jsx(TableCell, { children: _jsxs(Select, { defaultValue: resource.resourceId, children: [_jsx(SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: _jsx(SelectValue, { placeholder: "Select employee" }) }), _jsx(SelectContent, { children: Object.entries(userMaps.userDetailsMap).map(([id, user]) => (_jsx(SelectItem, { value: id, children: user.name }, id))) })] }) }), _jsx(TableCell, { children: _jsxs(Select, { defaultValue: resource.gradeId.toString(), children: [_jsx(SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: _jsx(SelectValue, { placeholder: "Select role" }) }), _jsx(SelectContent, { children: Object.entries(userMaps.rolesMap).map(([id, role]) => (_jsx(SelectItem, { value: id, children: role.roleName }, id))) })] }) }), monthsRange.map((month) => (_jsx(TableCell, { children: _jsx(Input, { type: "number", min: "0", max: "1", step: "0.01", defaultValue: resource.allocation[month] || 0, className: "w-20" }) }, month)))] }, `${resource.taskId}-${resource.resourceId}`)))] }, group.taskId))) })] }) }) }));
 };
-exports.ResourceTable = ResourceTable;

package/dist/ikoncomponents/search-input/index.js

@@ -1,10 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchInput = SearchInput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const input_1 = require("../../shadcn/input");
-const class_variance_authority_1 = require("class-variance-authority");
-const lucide_react_1 = require("lucide-react");
-function SearchInput({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-auto flex items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "absolute left-2 mr-2 h-4 w-4 shrink-0 opacity-50" }), (0, jsx_runtime_1.jsx)(input_1.Input, { className: (0, class_variance_authority_1.cx)('pl-8 h-8', className), ...props })] }));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '../../shadcn/input';
+import { cx } from 'class-variance-authority';
+import { Search } from 'lucide-react';
+export function SearchInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsxs("div", { className: "relative w-auto flex items-center", children: [_jsx(Search, { className: "absolute left-2 mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(Input, Object.assign({ className: cx('pl-8 h-8', className) }, props))] }));
 }

package/dist/ikoncomponents/sheet/index.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SheetComponent = SheetComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../../shadcn/button");
-const sheet_1 = require("../../shadcn/sheet");
-function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }) {
-    return ((0, jsx_runtime_1.jsxs)(sheet_1.Sheet, { children: [(0, jsx_runtime_1.jsx)(sheet_1.SheetTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: 'outline', className: buttonStyle, size: "smIcon", children: [buttonText, buttonIcon] }) }), (0, jsx_runtime_1.jsxs)(sheet_1.SheetContent, { className: "p-4", children: [(0, jsx_runtime_1.jsx)(sheet_1.SheetTitle, { children: sheetTitle }), sheetContent] })] }));
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../../shadcn/button";
+import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "../../shadcn/sheet";
+export function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }) {
+    return (_jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs(Button, { variant: 'outline', className: buttonStyle, size: "smIcon", children: [buttonText, buttonIcon] }) }), _jsxs(SheetContent, { className: "p-4", children: [_jsx(SheetTitle, { children: sheetTitle }), sheetContent] })] }));
 }

package/dist/ikoncomponents/simple-widget/index.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleWidget = SimpleWidget;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const card_1 = require("../../shadcn/card");
-const lucide_react_1 = require("lucide-react");
-const LUCID_ICONS = lucide_react_1.icons;
-function SimpleWidget({ title, iconName, iconSize, iconClass, primaryText, secondaryText, mainClassName = '', loading, loadingMessage }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "../../shadcn/card";
+import { icons, LoaderCircle } from "lucide-react";
+const LUCID_ICONS = icons;
+export function SimpleWidget({ title, iconName, iconSize, iconClass, primaryText, secondaryText, mainClassName = '', loading, loadingMessage }) {
     let IconComponent = null;
     if (iconName) {
         IconComponent = LUCID_ICONS[iconName];
     }
     iconSize = iconSize === undefined ? 20 : iconSize;
-    iconClass = iconClass ?? '';
-    loadingMessage = loadingMessage ?? 'Loading...';
-    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: mainClassName, children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: 'p-5', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center justify-between gap-4', children: [(0, jsx_runtime_1.jsx)("span", { children: title }), loading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.LoaderCircle, { size: iconSize, className: 'animate-spin ' + iconClass })) : (IconComponent && (0, jsx_runtime_1.jsx)(IconComponent, { size: iconSize, className: iconClass }))] }), (0, jsx_runtime_1.jsx)("div", { className: 'mt-6 text-2xl font-semibold', children: loading ? '...' : primaryText }), secondaryText && ((0, jsx_runtime_1.jsx)("small", { className: 'mt-2 text-gray-400', children: loading ? loadingMessage : secondaryText }))] }) }));
+    iconClass = iconClass !== null && iconClass !== void 0 ? iconClass : '';
+    loadingMessage = loadingMessage !== null && loadingMessage !== void 0 ? loadingMessage : 'Loading...';
+    return (_jsx(Card, { className: mainClassName, children: _jsxs(CardContent, { className: 'p-5', children: [_jsxs("div", { className: 'flex items-center justify-between gap-4', children: [_jsx("span", { children: title }), loading ? (_jsx(LoaderCircle, { size: iconSize, className: 'animate-spin ' + iconClass })) : (IconComponent && _jsx(IconComponent, { size: iconSize, className: iconClass }))] }), _jsx("div", { className: 'mt-6 text-2xl font-semibold', children: loading ? '...' : primaryText }), secondaryText && (_jsx("small", { className: 'mt-2 text-gray-400', children: loading ? loadingMessage : secondaryText }))] }) }));
 }