ikoncomponents 1.0.2 → 1.0.8

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils/cn.js

@@ -0,0 +1,8 @@
+"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));
+}

package/dist/utils/theme-provider/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+export declare function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+"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 });
+}

package/package.json

@@ -1,66 +1,44 @@
-{
-  "name": "ikoncomponents",
-  "version": "1.0.2",
-  "description": "A sharable component library built with shadcn/ui and React.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "styles.css"
-  ],
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --external react,react-dom,framer-motion",
-    "prepublishOnly": "npm run build"
-  },
-  "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-table": "^8.21.3",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "countries-list": "^3.1.1",
-    "country-flag-icons": "^1.5.21",
-    "date-fns": "^4.1.0",
-    "echarts": "^6.0.0",
-    "framer-motion": "^12.23.24",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.546.0",
-    "next-themes": "^0.4.6",
-    "react-day-picker": "^9.11.1",
-    "react-hook-form": "^7.65.0",
-    "tailwind-merge": "^2.3.0",
-    "tailwindcss-animate": "^1.0.7",
-    "vaul": "^1.1.2",
-    "zxcvbn": "^4.4.2"
-  },
-  "devDependencies": {
-    "@types/next": "^9.0.0",
-    "@types/node": "^20.12.12",
-    "@types/react": "^18.3.26",
-    "@types/react-dom": "^18.3.7",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "tailwindcss": "^3.4.3",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
-  },
-  "peerDependencies": {
-    "framer-motion": "^12.23.24",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  }
-}
+{
+  "name": "ikoncomponents",
+  "version": "1.0.8",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "next:dev": "next dev --turbopack",
+    "next:build": "next build",
+    "next:start": "next start",
+    "next:lint": "next lint",
+    "build": "tsc -p tsconfig.json",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "next": "16.0.0",
+    "next-themes": "^0.4.6",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.0",
+    "rimraf": "^6.0.1",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  },
+  "peerDependencies": {
+    "clsx": "^2.1.1",
+    "next": "16.0.0",
+    "next-themes": "^0.4.6",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
+    "tailwind-merge": "^3.3.1"
+  }
+}

package/dist/index.d.mts

@@ -1,165 +0,0 @@
-import * as React$1 from 'react';
-import React__default from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { Control } from 'react-hook-form';
-import { LucideIcon } from 'lucide-react';
-
-interface BreadcrumbItemProps {
-    title: string;
-    href?: string;
-    level: number;
-}
-
-declare function RenderAppBreadcrumb({ breadcrumb, }: {
-    breadcrumb: BreadcrumbItemProps;
-}): React$1.JSX.Element;
-
-declare const buttonVariants: (props?: {
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "dashed";
-    size?: "default" | "sm" | "lg" | "icon" | "smIcon" | "circular" | "lgIcon";
-} & class_variance_authority_types.ClassProp) => string;
-
-interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-}
-interface ButtonWithTooltipProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-    tooltipContent: string | React__default.ReactNode;
-}
-declare function TextButton({ children, variant, asChild, size, ...props }: ButtonProps): React__default.JSX.Element;
-declare function TextButtonWithTooltip({ children, variant, asChild, size, tooltipContent, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
-declare function IconTextButton({ children, variant, asChild, size, ...props }: ButtonProps): React__default.JSX.Element;
-declare function IconTextButtonWithTooltip({ children, variant, size, asChild, tooltipContent, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
-declare function IconButton({ children, variant, size, asChild, ...props }: ButtonProps): React__default.JSX.Element;
-declare function IconButtonWithTooltip({ children, tooltipContent, asChild, variant, size, ...props }: ButtonWithTooltipProps): React__default.JSX.Element;
-
-interface FormComboboxInputProps {
-    formControl: Control<any>;
-    name: string;
-    label?: string;
-    placeholder?: string;
-    formDescription?: string;
-    items: {
-        value: string;
-        label: string;
-        disabled?: boolean | ((item: any) => boolean);
-    }[];
-    disabled?: boolean | ((...args: any[]) => boolean);
-    onSelect?: (value: any) => void;
-    value?: string;
-    onChange?: (value: any) => void;
-}
-
-interface GlowingEffectProps {
-    blur?: number;
-    inactiveZone?: number;
-    proximity?: number;
-    spread?: number;
-    variant?: "default" | "white";
-    glow?: boolean;
-    className?: string;
-    disabled?: boolean;
-    movementDuration?: number;
-    borderWidth?: number;
-}
-declare const GlowingEffect: React$1.MemoExoticComponent<({ blur, inactiveZone, proximity, spread, variant, glow, className, movementDuration, borderWidth, disabled, }: GlowingEffectProps) => React$1.JSX.Element>;
-
-interface ISVGProps extends React.SVGProps<SVGSVGElement> {
-    size?: number;
-    className?: string;
-}
-interface LoadingSpinnerProps extends ISVGProps {
-    visible?: boolean;
-}
-declare const LoadingSpinner: ({ size, className, visible, ...props }: LoadingSpinnerProps) => React$1.JSX.Element;
-
-declare function SheetComponent({ buttonText, buttonIcon, buttonStyle, sheetContent, sheetDescription, sheetTitle, closeButton }: {
-    buttonText?: React.ReactNode;
-    buttonIcon?: React.ReactNode;
-    buttonStyle?: string;
-    sheetTitle?: React.ReactNode;
-    sheetDescription?: React.ReactNode;
-    sheetContent?: React.ReactNode;
-    closeButton?: boolean;
-}): React$1.JSX.Element;
-
-declare function SkeletonWidget({ count }: {
-    count: number;
-}): React$1.JSX.Element;
-
-interface Props {
-    title: string;
-    value: number;
-    valueText?: string;
-    isPercent?: boolean;
-    className?: string;
-    titleClassName?: string;
-    valueClassName?: string;
-    progressClassName?: string;
-}
-declare function TitleProgress({ title, value, valueText, isPercent, className, titleClassName, valueClassName, progressClassName }: Props): React$1.JSX.Element;
-
-declare function Tooltip({ tooltipContent, children }: {
-    tooltipContent: string | React.ReactNode;
-    children: React.ReactNode;
-}): React$1.JSX.Element;
-
-interface FrameworkEntry {
-    id: string;
-    index: string;
-    title: string;
-    description: string;
-    parentId: string | null;
-    treatAsParent: boolean;
-}
-interface TreeNode extends FrameworkEntry {
-    level: number;
-}
-interface ParentEntry extends FrameworkEntry {
-    childrenArray: string[];
-}
-interface ProcessedFrameworkData {
-    flatTree: TreeNode[];
-    itemMap: Record<string, {
-        parentId: string | null;
-        childrenIds: string[];
-    }>;
-}
-interface FrameworkItemDropdownProps {
-    processedData: ProcessedFrameworkData;
-    value: string[];
-    onChange: (newSelection: string[]) => void;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    className?: string;
-}
-declare function FrameworkItemDropdown({ processedData, value, onChange, placeholder, searchPlaceholder, className, }: FrameworkItemDropdownProps): React$1.JSX.Element;
-
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): React$1.JSX.Element;
-
-declare function AppSidebar({ ...props }: React$1.ComponentProps<typeof Sidebar>): React$1.JSX.Element;
-
-declare function NavMain({ items, }: {
-    items: {
-        title: string;
-        url: string;
-        icon?: LucideIcon;
-        isActive?: boolean;
-        default?: boolean;
-        items?: {
-            title: string;
-            url: string;
-        }[];
-    }[];
-}): React$1.JSX.Element;
-
-declare function ThemeSwitcher(): React$1.JSX.Element;
-
-export { AppSidebar, type ButtonProps, type ButtonWithTooltipProps, type FormComboboxInputProps, type FrameworkEntry, FrameworkItemDropdown, GlowingEffect, type ISVGProps, IconButton, IconButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, LoadingSpinner, type LoadingSpinnerProps, NavMain, type ParentEntry, type ProcessedFrameworkData, RenderAppBreadcrumb, SheetComponent, SkeletonWidget, TextButton, TextButtonWithTooltip, ThemeSwitcher, TitleProgress, Tooltip, type TreeNode };