ikoncomponents 1.1.6 → 1.1.7

package/dist/shadcn/table.js

@@ -1,37 +1,47 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = Table;
-exports.TableHeader = TableHeader;
-exports.TableBody = TableBody;
-exports.TableFooter = TableFooter;
-exports.TableHead = TableHead;
-exports.TableRow = TableRow;
-exports.TableCell = TableCell;
-exports.TableCaption = TableCaption;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../utils/cn");
-function Table({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: (0, jsx_runtime_1.jsx)("table", { "data-slot": "table", className: (0, cn_1.cn)("w-full caption-bottom text-sm", className), ...props }) }));
-}
-function TableHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("thead", { "data-slot": "table-header", className: (0, cn_1.cn)("[&_tr]:border-b", className), ...props }));
-}
-function TableBody({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("tbody", { "data-slot": "table-body", className: (0, cn_1.cn)("[&_tr:last-child]:border-0", className), ...props }));
-}
-function TableFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("tfoot", { "data-slot": "table-footer", className: (0, cn_1.cn)("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className), ...props }));
-}
-function TableRow({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("tr", { "data-slot": "table-row", className: (0, cn_1.cn)("hover:bg-[var(--hover-back)] data-[state=selected]:bg-muted border-b transition-colors", className), ...props }));
-}
-function TableHead({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("th", { "data-slot": "table-head", className: (0, cn_1.cn)("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
-}
-function TableCell({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("td", { "data-slot": "table-cell", className: (0, cn_1.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
-}
-function TableCaption({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("caption", { "data-slot": "table-caption", className: (0, cn_1.cn)("text-muted-foreground mt-4 text-sm", 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 } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+function Table(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", Object.assign({ "data-slot": "table", className: cn("w-full caption-bottom text-sm", className) }, props)) }));
+}
+function TableHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("thead", Object.assign({ "data-slot": "table-header", className: cn("[&_tr]:border-b", className) }, props)));
+}
+function TableBody(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("tbody", Object.assign({ "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className) }, props)));
+}
+function TableFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("tfoot", Object.assign({ "data-slot": "table-footer", className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className) }, props)));
+}
+function TableRow(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("tr", Object.assign({ "data-slot": "table-row", className: cn("hover:bg-[var(--hover-back)] data-[state=selected]:bg-muted border-b transition-colors", className) }, props)));
+}
+function TableHead(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("th", Object.assign({ "data-slot": "table-head", className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className) }, props)));
+}
+function TableCell(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("td", Object.assign({ "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className) }, props)));
+}
+function TableCaption(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("caption", Object.assign({ "data-slot": "table-caption", className: cn("text-muted-foreground mt-4 text-sm", className) }, props)));
+}
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/shadcn/tabs.js

@@ -1,55 +1,32 @@
-"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.Tabs = Tabs;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.TabsContent = TabsContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
-const cn_1 = require("../utils/cn");
-function Tabs({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, cn_1.cn)("flex flex-col gap-2", 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 } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "../utils/cn";
+function Tabs(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Root, Object.assign({ "data-slot": "tabs", className: cn("flex flex-col gap-2", className) }, props)));
 }
-function TabsList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, cn_1.cn)("bg-background text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className), ...props }));
+function TabsList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.List, Object.assign({ "data-slot": "tabs-list", className: cn("bg-background text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className) }, props)));
 }
-function TabsTrigger({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, cn_1.cn)("text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 keross:data-[state=active]:border-input keross:data-[state=active]:bg-input/30  dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+function TabsTrigger(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Trigger, Object.assign({ "data-slot": "tabs-trigger", className: cn("text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 keross:data-[state=active]:border-input keross:data-[state=active]:bg-input/30  dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
 }
-function TabsContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, cn_1.cn)("flex-1 outline-none", className), ...props }));
+function TabsContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Content, Object.assign({ "data-slot": "tabs-content", className: cn("flex-1 outline-none", className) }, props)));
 }
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/shadcn/textarea.js

@@ -1,8 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = Textarea;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../utils/cn");
-function Textarea({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("textarea", { "data-slot": "textarea", className: (0, cn_1.cn)("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[var(--secondary)] dark:bg-[var(--input-background-custom)]", 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 } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+function Textarea(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("textarea", Object.assign({ "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[var(--secondary)] dark:bg-[var(--input-background-custom)]", className) }, props)));
 }
+export { Textarea };

package/dist/shadcn/tooltip.js

@@ -1,55 +1,32 @@
-"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.Tooltip = Tooltip;
-exports.TooltipTrigger = TooltipTrigger;
-exports.TooltipContent = TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
-const cn_1 = require("../utils/cn");
-function TooltipProvider({ delayDuration = 0, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...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 * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../utils/cn";
+function TooltipProvider(_a) {
+    var { delayDuration = 0 } = _a, props = __rest(_a, ["delayDuration"]);
+    return (_jsx(TooltipPrimitive.Provider, Object.assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
 }
-function Tooltip({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TooltipProvider, { children: (0, jsx_runtime_1.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, Object.assign({ "data-slot": "tooltip" }, props)) }));
 }
-function TooltipTrigger({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", className: (0, cn_1.cn)("inline-flex w-[80px] items-center justify-center whitespace-nowrap rounded-md border border-input bg-white  py-2 text-sm font-medium text-black shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"), ...props });
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return _jsx(TooltipPrimitive.Trigger, Object.assign({ "data-slot": "tooltip-trigger", className: cn("inline-flex w-[80px] items-center justify-center whitespace-nowrap rounded-md border border-input bg-white  py-2 text-sm font-medium text-black shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50") }, props));
 }
-function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: (0, cn_1.cn)("bg-[var(--secondary)] dark:bg-[var(--input-background-custom)] text-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "bg-[var(--secondary)] dark:bg-[var(--input-background-custom)] fill-[var(--secondary)] dark:fill-[var(--input-background-custom)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+function TooltipContent(_a) {
+    var { className, sideOffset = 0, children } = _a, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, Object.assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-[var(--secondary)] dark:bg-[var(--input-background-custom)] text-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-[var(--secondary)] dark:bg-[var(--input-background-custom)] fill-[var(--secondary)] dark:fill-[var(--input-background-custom)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] })) }));
 }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/shadcn/workflow.js

@@ -1,17 +1,17 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Workflow = Workflow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const badge_1 = require("./badge");
-const select_1 = require("./select");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "./badge";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select";
 const statusColors = {
     OUTSTANDING: "bg-[#FFDE721A] text-[#FBB125] border border-[#FBB12533]",
     "IN PROGRESS": "bg-[#6A77D91A] text-[#6A77D9]",
     COMPLETED: "bg-[#519E591A] text-[#519E59] border border-[#FBB12533]",
 };
-function Workflow({ title = "Deal Workflow", steps }) {
+export function Workflow({ title = "Deal Workflow", steps }) {
     const completedCount = steps.filter((s) => s.status === "COMPLETED").length;
     const progressPercent = (completedCount / steps.length) * 100;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 space-y-2 rounded-lg border dark:bg-[#171717] text-primary keross:bg-[#1B2336]", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-sm font-semibold mb-4 m-2", children: title }), steps.map((step) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center p-2 border border-neutral-600 rounded-md gap-1 sm:gap-2 m-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-1 sm:gap-2 w-full sm:w-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-6 h-6 sm:w-6 sm:h-6 dark:bg-neutral-800 bg-[var(--keross-skeleton-bg)] rounded-sm flex-shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-md  max-w-[120px]", children: step.title }), step.dropdownOptions && ((0, jsx_runtime_1.jsxs)(select_1.Select, { defaultValue: step.selectedOption, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: "w-full sm:w-24 mt-1 sm:mt-0 text-xs hover:cursor-pointer", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: "Select" }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { children: step.dropdownOptions?.map((opt) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: opt.value, className: "text-xs hover:cursor-pointer dark:hover:bg-neutral-700", children: opt.label }, opt.value))) })] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-1 sm:mt-0 flex-shrink-0", children: (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: statusColors[step.status], children: step.status }) })] }, step.id))), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs flex flex-col sm:flex-row justify-between items-start sm:items-center pt-1 gap-1 sm:gap-0", children: [(0, jsx_runtime_1.jsxs)("span", { children: [steps.length, " steps total"] }), (0, jsx_runtime_1.jsxs)("span", { children: [completedCount, " completed"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-gray-300 dark:bg-gray-700 h-1 rounded-full overflow-hidden mt-1", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-blue-500 dark:bg-blue-400 h-1 transition-all", style: { width: `${progressPercent}%` } }) })] }));
+    return (_jsxs("div", { className: "p-4 space-y-2 rounded-lg border dark:bg-[#171717] text-primary keross:bg-[#1B2336]", children: [_jsx("h2", { className: "text-sm font-semibold mb-4 m-2", children: title }), steps.map((step) => {
+                var _a;
+                return (_jsxs("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center p-2 border border-neutral-600 rounded-md gap-1 sm:gap-2 m-2", children: [_jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-1 sm:gap-2 w-full sm:w-auto", children: [_jsx("div", { className: "w-6 h-6 sm:w-6 sm:h-6 dark:bg-neutral-800 bg-[var(--keross-skeleton-bg)] rounded-sm flex-shrink-0" }), _jsx("span", { className: "font-medium text-md  max-w-[120px]", children: step.title }), step.dropdownOptions && (_jsxs(Select, { defaultValue: step.selectedOption, children: [_jsx(SelectTrigger, { className: "w-full sm:w-24 mt-1 sm:mt-0 text-xs hover:cursor-pointer", children: _jsx(SelectValue, { placeholder: "Select" }) }), _jsx(SelectContent, { children: (_a = step.dropdownOptions) === null || _a === void 0 ? void 0 : _a.map((opt) => (_jsx(SelectItem, { value: opt.value, className: "text-xs hover:cursor-pointer dark:hover:bg-neutral-700", children: opt.label }, opt.value))) })] }))] }), _jsx("div", { className: "mt-1 sm:mt-0 flex-shrink-0", children: _jsx(Badge, { className: statusColors[step.status], children: step.status }) })] }, step.id));
+            }), _jsxs("div", { className: "text-xs flex flex-col sm:flex-row justify-between items-start sm:items-center pt-1 gap-1 sm:gap-0", children: [_jsxs("span", { children: [steps.length, " steps total"] }), _jsxs("span", { children: [completedCount, " completed"] })] }), _jsx("div", { className: "w-full bg-gray-300 dark:bg-gray-700 h-1 rounded-full overflow-hidden mt-1", children: _jsx("div", { className: "bg-blue-500 dark:bg-blue-400 h-1 transition-all", style: { width: `${progressPercent}%` } }) })] }));
 }

package/dist/utils/cn.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = cn;
-const clsx_1 = require("clsx");
-const tailwind_merge_1 = require("tailwind-merge");
-function cn(...inputs) {
-    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
 }

package/dist/utils/theme-provider/index.js

@@ -1,9 +1,18 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = ThemeProvider;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const next_themes_1 = require("next-themes");
-function ThemeProvider({ children, ...props }) {
-    return (0, jsx_runtime_1.jsx)(next_themes_1.ThemeProvider, { ...props, children: children });
+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 { ThemeProvider as NextThemesProvider } from "next-themes";
+export function ThemeProvider(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return _jsx(NextThemesProvider, Object.assign({}, props, { children: children }));
 }

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "ikoncomponents",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "css": "dist/styles.css",
   "files": [
     "dist"
   ],