ikoncomponents 1.5.7 → 1.5.8

package/dist/shadcn/toggle.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { type VariantProps } from "class-variance-authority";
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-export { Toggle, toggleVariants };

package/dist/shadcn/toggle.js

@@ -1,38 +0,0 @@
-"use client";
-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 TogglePrimitive from "@radix-ui/react-toggle";
-import { cva } from "class-variance-authority";
-import { cn } from "../utils/cn";
-const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
-        },
-        size: {
-            default: "h-9 px-2 min-w-9",
-            sm: "h-8 px-1.5 min-w-8",
-            lg: "h-10 px-2.5 min-w-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-function Toggle(_a) {
-    var { className, variant, size } = _a, props = __rest(_a, ["className", "variant", "size"]);
-    return (_jsx(TogglePrimitive.Root, Object.assign({ "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })) }, props)));
-}
-export { Toggle, toggleVariants };

package/dist/shadcn/tooltip.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/shadcn/tooltip.js

@@ -1,32 +0,0 @@
-"use client";
-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(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, Object.assign({ "data-slot": "tooltip" }, props)) }));
-}
-function TooltipTrigger(_a) {
-    var props = __rest(_a, []);
-    return _jsx(TooltipPrimitive.Trigger, Object.assign({ "data-slot": "tooltip-trigger", className: cn("inline-flex w-[80px] whitespace-nowrap rounded-md border-0 border-input  py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50") }, props));
-}
-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(--foreground)] text-background 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(--foreground)] fill-[var(--foreground)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] })) }));
-}
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/shadcn/workflow.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-export type StepStatus = "OUTSTANDING" | "IN PROGRESS" | "COMPLETED";
-export type WorkflowStep = {
-    id?: string;
-    title: string;
-    status: StepStatus;
-    dropdownOptions?: React.ReactNode[];
-    selectedOption?: string;
-    owner?: string;
-    createdAt?: string;
-};
-type WorkflowProps = {
-    name: string;
-    title?: string;
-    steps: WorkflowStep[];
-    onDropdownSelect?: (stepId: string, value: string) => void;
-    style?: React.CSSProperties;
-};
-export declare function Workflow({ name, steps, style }: WorkflowProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/shadcn/workflow.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronDown } from "lucide-react";
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } from "./dropdown-menu";
-import { Badge } from "./badge";
-const statusColors = {
-    OUTSTANDING: "bg-[#FFDE721A] text-[#FBB125] border border-[#FBB12533]",
-    "IN PROGRESS": "bg-[#6A77D91A] text-[#6A77D9]",
-    COMPLETED: "bg-[#519E591A] text-[#519E59] border border-[#FBB12533]",
-};
-export function Workflow({ name, steps, style }) {
-    const completedCount = steps.filter((s) => s.status === "COMPLETED").length;
-    const progressPercent = (completedCount / steps.length) * 100;
-    return (_jsxs("div", { style: style, className: "p-4 space-y-2 rounded-lg border dark:bg-[#171717] text-primary blue-dark:bg-[#1B2336]", children: [_jsx("h2", { className: "text-sm font-semibold mb-4 m-3", children: name }), steps.map((step) => {
-                var _a;
-                const stepId = (_a = step.id) !== null && _a !== void 0 ? _a : "";
-                return (_jsxs("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center p-5 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-2 w-full sm:w-auto", children: [_jsx("div", { className: "w-7 h-7 sm:w-9 sm:h-9 dark:bg-neutral-800 bg-[var(--keross-skeleton-bg)] rounded-sm flex-shrink-0" }), _jsxs("div", { className: "flex flex-col text-md", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "font-semibold", children: step.title }), step.status === "IN PROGRESS" && step.dropdownOptions && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { className: "p-1", children: _jsx(ChevronDown, { className: "w-4 h-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { className: "w-50 ml-40", children: step.dropdownOptions.map((node, index) => (_jsx(React.Fragment, { children: node }, index))) })] }))] }), step.owner && (_jsx("span", { className: "text-sm text-neutral-400", children: step.owner })), step.createdAt && (_jsxs("span", { className: "text-sm text-neutral-500", children: ["Created on ", step.createdAt] }))] })] }), _jsx("div", { className: "mt-1 sm:mt-0 flex-shrink-0", children: _jsx(Badge, { className: statusColors[step.status], children: step.status }) })] }, stepId));
-            }), _jsxs("div", { className: "text-xs flex flex-col sm:flex-row justify-between items-start sm:items-center pt-1", 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: "h-1 bg-blue-500 dark:bg-blue-400 transition-all", style: { width: `${progressPercent}%` } }) })] }));
-}