ikoncomponents 1.5.0 → 1.5.2

package/bin.js

@@ -1,2 +1,10 @@
-#!/usr/bin/env node
-import "./dist/index.js"
+#!/usr/bin/env node
+
+import { fileURLToPath } from "url";
+import path from "path";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// load CLI entry
+import("./dist/index.js");

package/dist/commands/init.js

@@ -1,13 +1,19 @@
 import path from "path";
 import process from "process";
+import { fileURLToPath } from "url";
 import { execa } from "execa";
 import kleur from "kleur";
 import { copyDir } from "../utlis/copyDir.js";
 export async function init() {
     const cwd = process.cwd();
     console.log(kleur.cyan("\n🚀 Installing ikoncomponents...\n"));
+    // ✅ FIX FOR WINDOWS + ESM
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = path.dirname(__filename);
+    // templates/default inside the package
+    const templateDir = path.resolve(__dirname, "../../../templates/default");
     // 1️⃣ COPY templates/default → user src/
-    await copyDir(new URL("../../../templates/default", import.meta.url).pathname, path.join(cwd, "src"));
+    await copyDir(templateDir, path.join(cwd, "src"));
     console.log(kleur.green("✔ Components copied"));
     // 2️⃣ INSTALL ALL DEPENDENCIES
     const dependencies = [
@@ -53,5 +59,5 @@ export async function init() {
         cwd,
         stdio: "inherit"
     });
-    console.log(kleur.green("\n ikoncomponents installed successfully\n"));
+    console.log(kleur.green("\n✔ ikoncomponents installed successfully\n"));
 }

package/dist/index.js

@@ -1,3 +1,14 @@
 #!/usr/bin/env node
 import { init } from "./commands/init.js";
-init();
+const args = process.argv.slice(2);
+if (args[0] === "init") {
+    init();
+}
+else {
+    console.log(`
+ikoncomponents CLI
+
+Usage:
+  npx ikoncomponents init
+`);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikoncomponents",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "type": "module",
   "bin": {
    "ikoncomponents": "./bin.js"

package/templates/default/ikoncomponents/action-menu/index.tsx

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-import { Button } from "../../ikonShade/button";
+import { Button } from "../../shadcn/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -14,7 +14,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from "../../ikonShade/dropdown-menu";
+} from "../../shadcn/dropdown-menu";
 import { MoreHorizontal } from "lucide-react";
 import type { ActionMenuProps, ExtraActionParams } from "./type";
 import { IconButtonWithTooltip } from "../buttons";

package/templates/default/ikoncomponents/alert-dialog/dialog-context.tsx

@@ -1,6 +1,6 @@
 'use client'
 import { createContext, useContext, useState, ReactNode } from "react"
-import { CustomAlertDialog } from ".";
+import { CustomAlertDialog } from "../alert-dialog";
 
 interface DialogContextProps {
     openDialog: (options: DialogOptions) => void;

package/templates/default/ikoncomponents/alert-dialog/index.tsx

@@ -8,7 +8,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "../../ikonShade/alert-dialog";
+} from "../../shadcn/alert-dialog";
 
 interface CustomAlertDialogProps {
   title: string;

package/templates/default/ikoncomponents/app-breadcrumb/index.tsx

@@ -13,7 +13,7 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from "../../ikonShade/breadcrumb";
+} from "../../shadcn/breadcrumb";
 import {
   Drawer,
   DrawerClose,
@@ -23,14 +23,14 @@ import {
   DrawerHeader,
   DrawerTitle,
   DrawerTrigger,
-} from "../../ikonShade/drawer";
-import { Button } from "../../ikonShade/button";
+} from "../../shadcn/drawer";
+import { Button } from "../../shadcn/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "../../ikonShade/dropdown-menu";
+} from "../../shadcn/dropdown-menu";
 import { useIsMobile } from "../../hooks/use-mobile";
 
 export function AppBreadcrumb() {

package/templates/default/ikoncomponents/big-calendar/big-calender-toolbar/index.tsx

@@ -1,7 +1,7 @@
 import { Views } from "react-big-calendar";
 import { Fragment, useState } from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { ToggleGroup, ToggleGroupItem } from "../../../ikonShade/toggle-group";
+import { ToggleGroup, ToggleGroupItem } from "../../../shadcn/toggle-group";
 import { BigCalenderToolbarProps } from "../type";
 
 // Custom toolbar component

package/templates/default/ikoncomponents/buttons/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { TooltipComponent as Tooltip } from "../tooltip";
-import { Button, buttonVariants } from "../../ikonShade/button";
+import { Button, buttonVariants } from "../../shadcn/button";
 import { type VariantProps } from "class-variance-authority";
 
 export interface ButtonProps

package/templates/default/ikoncomponents/combobox-input/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ikonShade/popover";
-import { Button } from "../../ikonShade/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../../shadcn/popover";
+import { Button } from "../../shadcn/button";
 import { Check, ChevronsUpDown } from "lucide-react";
 import {
   Command,
@@ -9,7 +9,7 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "../../ikonShade/command";
+} from "../../shadcn/command";
 import { ComboBoxInputProps } from "./type";
 import { cn } from "../../utils/cn";
 

package/templates/default/ikoncomponents/custom-combo-dropdown/index.tsx

@@ -2,12 +2,12 @@
 
 import * as React from "react";
 import { Check, ChevronsUpDown, Plus } from "lucide-react";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "../../ikonShade/form";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "../../shadcn/form";
 import { cn } from "../../utils/cn";
-import { Button } from "../../ikonShade/button";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../ikonShade/command";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ikonShade/popover";
-import { Input } from "../../ikonShade/input";
+import { Button } from "../../shadcn/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../shadcn/popover";
+import { Input } from "../../shadcn/input";
 
 export type Option = {
     value: string;

package/templates/default/ikoncomponents/data-table/datatable-column-filter/index.tsx

@@ -7,8 +7,8 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-} from "../../../ikonShade/command";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
+} from "../../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
 import { Check, Columns, PlusCircle, Settings2 } from "lucide-react";
 import { DataTableViewOptionsProps } from "../type";
 import { getDataTableColumnTitle } from "../function";

package/templates/default/ikoncomponents/data-table/datatable-faceted-filter/index.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Check, Cross, Plus, X } from "lucide-react";
 
 import { cn } from "../../../utils/cn";
-import { Badge } from "../../../ikonShade/badge";
+import { Badge } from "../../../shadcn/badge";
 import {
   Command,
   CommandEmpty,
@@ -11,9 +11,9 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-} from "../../../ikonShade/command";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
-import { Separator } from "../../../ikonShade/separator";
+} from "../../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Separator } from "../../../shadcn/separator";
 import { DataTableFacetedFilterProps } from "../type";
 import { getDataTableColumnTitle } from "../function";
 import { IconTextButtonWithTooltip } from "../../buttons";

package/templates/default/ikoncomponents/data-table/datatable-filter-menu/index.tsx

@@ -8,8 +8,8 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-} from "../../../ikonShade/command";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
+} from "../../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
 import { cn } from "../../../utils/cn";
 import { DataTableFilterProps } from "../type";
 import { useState } from "react";

package/templates/default/ikoncomponents/data-table/datatable-pagination/index.tsx

@@ -12,7 +12,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "../../../ikonShade/select";
+} from "../../../shadcn/select";
 import { DataTablePaginationProps } from "../type";
 import { IconButtonWithTooltip } from "../../buttons";
 

package/templates/default/ikoncomponents/data-table/index.tsx

@@ -38,7 +38,7 @@ import {
   X,
 } from "lucide-react";
 
-import { Button } from "../../ikonShade/button";
+import { Button } from "../../shadcn/button";
 import {
   Table,
   TableBody,
@@ -47,11 +47,11 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "../../ikonShade/table";
+} from "../../shadcn/table";
 import { DataTableToolbar } from "./datatable-toolbar";
 import { getDataTableColumnTitle } from "./function";
 import { DataTableProps, DragDropHeaderProp, DTColumnsProps } from "./type";
-import { Checkbox } from "../../ikonShade/checkbox";
+import { Checkbox } from "../../shadcn/checkbox";
 import { DataTablePagination } from "./datatable-pagination";
 import { ActionMenu } from "../action-menu";
 import { cx } from "class-variance-authority";

package/templates/default/ikoncomponents/file-input/index.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react'
 import { Upload } from 'lucide-react'
-import { Input } from '../../ikonShade/input'
+import { Input } from '../../shadcn/input'
 import { IconButtonWithTooltip } from '../buttons';
 
 export function FileInput({ tooltipContent, fileNamePlaceholder, fileName, onFileNameChange, ...props }: any) {

package/templates/default/ikoncomponents/form-fields/combobox-input/index.tsx

@@ -5,11 +5,11 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "../../../ikonShade/form";
+} from "../../../shadcn/form";
 import React from "react";
 import { FormComboboxInputProps } from "../types";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
-import { Button } from "../../../ikonShade/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
 import { cn } from "../../../utils/cn";
 import { Check, ChevronsUpDown } from "lucide-react";
 import {
@@ -19,7 +19,7 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "../../../ikonShade/command";
+} from "../../../shadcn/command";
 
 export function FormComboboxInput({
   formControl,

package/templates/default/ikoncomponents/form-fields/combobox-input-value/index.tsx

@@ -9,9 +9,9 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "../../../ikonShade/form";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
-import { Button } from "../../../ikonShade/button";
+} from "../../../shadcn/form";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
 import { cn } from "../../../utils/cn";
 import { Check, ChevronsUpDown } from "lucide-react";
 import {
@@ -21,7 +21,7 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "../../../ikonShade/command";
+} from "../../../shadcn/command";
 
 // Updated type definition to include 'value' and 'onChange'
 export interface FormComboboxInputProps {

package/templates/default/ikoncomponents/form-fields/date-input/index.tsx

@@ -5,15 +5,15 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "../../../ikonShade/form";
+} from "../../../shadcn/form";
 import React from "react";
 import { FormDateInputProps } from "../types";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
-import { Button } from "../../../ikonShade/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
 import { cn } from "../../../utils/cn";
 import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
-import { Calendar } from "../../../ikonShade/calendar";
+import { Calendar } from "../../../shadcn/calendar";
 
 export function FormDateInput({
   formControl,

package/templates/default/ikoncomponents/form-fields/input/index.tsx

@@ -1,5 +1,5 @@
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../ikonShade/form'
-import { Input } from '../../../ikonShade/input'
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form'
+import { Input } from '../../../shadcn/input'
 import React from 'react'
 import { FormInputProps } from '../types'
 

package/templates/default/ikoncomponents/form-fields/multi-combobox-input/index.tsx

@@ -287,10 +287,10 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from "../../../ikonShade/form";
+} from "../../../shadcn/form";
 import React, { useState, useEffect, useRef, useCallback } from "react";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ikonShade/popover";
-import { Button } from "../../../ikonShade/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Button } from "../../../shadcn/button";
 import { cn } from "../../../utils/cn";
 import { ChevronsUpDown, X } from "lucide-react";
 import {
@@ -300,10 +300,10 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "../../../ikonShade/command";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../ikonShade/tooltip";
+} from "../../../shadcn/command";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../shadcn/tooltip";
 import { FormComboboxInputProps as BaseFormComboboxInputProps } from "../../form-fields/types";
-import { Checkbox } from "../../../ikonShade/checkbox";
+import { Checkbox } from "../../../shadcn/checkbox";
 
 interface FormComboboxInputProps extends BaseFormComboboxInputProps {
   defaultOptions?: number;

package/templates/default/ikoncomponents/form-fields/otp-input/index.tsx

@@ -1,11 +1,11 @@
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../ikonShade/form'
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form'
 import React from 'react'
 import { FormInputProps } from '../types'
 import {
     InputOTP,
     InputOTPGroup,
     InputOTPSlot,
-} from "../../../ikonShade/input-otp"
+} from "../../../shadcn/input-otp"
 
 export function FormOtpInput({ formControl, label, formDescription, extraFormComponent, name, ...inputProps }: FormInputProps) {
     return (

package/templates/default/ikoncomponents/form-fields/password-input/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../ikonShade/form'
-import { Input } from '../../../ikonShade/input'
-import { Button } from '../../../ikonShade/button'
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form'
+import { Input } from '../../../shadcn/input'
+import { Button } from '../../../shadcn/button'
 import { Eye, EyeOff } from 'lucide-react'
 import { FormInputProps } from '../types'
 

package/templates/default/ikoncomponents/form-fields/textarea/index.tsx

@@ -1,8 +1,8 @@
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../ikonShade/form'
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form'
 
 import React from 'react'
 import { FormTextareaProps } from '../types'
-import { Textarea } from '../../../ikonShade/textarea'
+import { Textarea } from '../../../shadcn/textarea'
 
 
 

package/templates/default/ikoncomponents/image-cropper-upload/components/newImageUploadForm.tsx

@@ -13,9 +13,9 @@ import {
   Square,
   Upload,
 } from "lucide-react";
-import { Label } from "../../../ikonShade/label";
-import { Input } from "../../../ikonShade/input";
-import { Button } from "../../../ikonShade/button";
+import { Label } from "../../../shadcn/label";
+import { Input } from "../../../shadcn/input";
+import { Button } from "../../../shadcn/button";
 import { NewCropperImg } from "./newCropper";
 import Image from "next/image";
 

package/templates/default/ikoncomponents/image-cropper-upload/cropper-form/index.tsx

@@ -1,11 +1,11 @@
-import { Input } from '../../../ikonShade/input'
-import { Label } from '../../../ikonShade/label'
-import { ToggleGroup, ToggleGroupItem } from '../../../ikonShade/toggle-group'
+import { Input } from '../../../shadcn/input'
+import { Label } from '../../../shadcn/label'
+import { ToggleGroup, ToggleGroupItem } from '../../../shadcn/toggle-group'
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, FileImage, ImageIcon, RotateCcw, RotateCw, Square, Upload, ZoomIn, ZoomOut } from 'lucide-react'
 import { ChangeEvent, memo, useEffect, useState } from 'react'
 import { ImageCropper } from '../image-cropper'
 import Image from 'next/image'
-import { AspectRatio } from '../../../ikonShade/aspect-ratio'
+import { AspectRatio } from '../../../shadcn/aspect-ratio'
 import { TextButton } from '../../buttons'
 import { toast } from 'sonner'
 import { FileInput } from '../../file-input'

package/templates/default/ikoncomponents/image-cropper-upload/cropper-form-with-modal/index.tsx

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '../../../ikonShade/dialog'
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '../../../shadcn/dialog'
 import React from 'react'
 import { CropperForm } from '../cropper-form'
 import { TextButton } from '../../buttons'

package/templates/default/ikoncomponents/main-layout/app-sidebar.tsx

@@ -7,7 +7,7 @@ import {
   SidebarFooter,
   SidebarHeader,
   SidebarRail,
-} from "../../ikonShade/sidebar";
+} from "../../shadcn/sidebar";
 import { NavMain } from "./nav-main";
 import { useSidebarNav } from "./SidebarNavContext";
 

package/templates/default/ikoncomponents/main-layout/header.tsx

@@ -3,8 +3,8 @@ import { AppBreadcrumb } from "../app-breadcrumb";
 import * as React from "react"
 
 import { ThemeToggleBtn } from "../theme-toggle-btn";
-import { Separator } from "../../ikonShade/separator";
-import { SidebarTrigger } from "../../ikonShade/sidebar";
+import { Separator } from "../../shadcn/separator";
+import { SidebarTrigger } from "../../shadcn/sidebar";
 import { Bell, LayoutGrid, Play } from "lucide-react";
 import { IconButton, IconButtonWithTooltip, IconTextButton } from "../buttons";
 import { useSidebarNav } from "./SidebarNavContext";

package/templates/default/ikoncomponents/main-layout/index.tsx

@@ -1,12 +1,11 @@
 import React, { ReactNode } from 'react'
 import { MainSidebar } from './main-sidebar'
-import { SidebarInset, SidebarProvider } from '../../ikonShade/sidebar'
+import { SidebarInset, SidebarProvider } from '../../shadcn/sidebar'
 import { DialogProvider } from '../alert-dialog/dialog-context'
 import { AppSidebar } from './app-sidebar'
 import { Header } from './header'
 import { Footer } from './footer'
 import { SidebarNavProvider } from './SidebarNavContext'
-import { RefreshProvider } from './RefreshContext'
 
 export function MainLayout({ 
     children, 
@@ -19,12 +18,10 @@ export function MainLayout({
 }) {
     return (
         <>
-        <RefreshProvider>
             <MainSidebar baseUrl={baseUrl} platformUrl={platformUrl} />
             <SidebarProvider>
                 <DialogProvider>
                     <SidebarNavProvider>
-                        
                         <AppSidebar />
                         <SidebarInset className="flex flex-col h-screen">
                             <Header platformUrl={platformUrl} />
@@ -33,11 +30,9 @@ export function MainLayout({
                             </div>
                             <Footer />
                         </SidebarInset>
-                       
                     </SidebarNavProvider>
                 </DialogProvider>
             </SidebarProvider>
-             </RefreshProvider>
         </>
     )
 }

package/templates/default/ikoncomponents/main-layout/main-sidebar.tsx

@@ -11,20 +11,20 @@ import {
   LogOut,
   Settings,
 } from "lucide-react";
-import { Button } from "../../ikonShade/button";
+import { Button } from "../../shadcn/button";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "../../ikonShade/tooltip";
+} from "../../shadcn/tooltip";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "../../ikonShade/dropdown-menu";
+} from "../../shadcn/dropdown-menu";
 
 import { getValidAccessToken } from "../../utils/token-management";
 import { clearAllCookieSession, setCookieSession } from "../../utils/session/cookieSession";

package/templates/default/ikoncomponents/main-layout/nav-main.tsx

@@ -10,12 +10,12 @@ import {
   SidebarMenuSub,
   SidebarMenuSubButton,
   SidebarMenuSubItem
-} from "../../ikonShade/sidebar";
+} from "../../shadcn/sidebar";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "../../ikonShade/collapsible";
+} from "../../shadcn/collapsible";
 import Link from "next/link";
 import { SidebarNavItem, useSidebarNav } from "./SidebarNavContext";
 import { set } from "date-fns";

package/templates/default/ikoncomponents/multi-combobox/index.tsx

@@ -100,8 +100,8 @@
 
 
 import React, { useEffect, useState, useRef, useCallback } from 'react';
-import { Popover, PopoverContent, PopoverTrigger } from '../../ikonShade/popover';
-import { Button } from '../../ikonShade/button';
+import { Popover, PopoverContent, PopoverTrigger } from '../../shadcn/popover';
+import { Button } from '../../shadcn/button';
 import { cn } from '../../utils/cn';
 import { ChevronsUpDown, X } from 'lucide-react';
 import {
@@ -111,14 +111,14 @@ import {
   CommandInput,
   CommandItem,
   CommandList
-} from '../../ikonShade/command';
+} from '../../shadcn/command';
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from '../../ikonShade/tooltip';
-import { Checkbox } from '../../ikonShade/checkbox';
+} from '../../shadcn/tooltip';
+import { Checkbox } from '../../shadcn/checkbox';
 
 interface MultiComboboxProps {
   placeholder: string;

package/templates/default/ikoncomponents/password-strength-meter/index.tsx

@@ -1,4 +1,4 @@
-import { Progress } from "../../ikonShade/progress";
+import { Progress } from "../../shadcn/progress";
 import React, { useState } from "react";
 import zxcvbn from "zxcvbn";
 

package/templates/default/ikoncomponents/phone-input/index.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { Button } from '../../ikonShade/button'
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../ikonShade/command'
-import { Popover, PopoverContent, PopoverTrigger } from '../../ikonShade/popover'
+import { Button } from '../../shadcn/button'
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../shadcn/command'
+import { Popover, PopoverContent, PopoverTrigger } from '../../shadcn/popover'
 import { Check, ChevronsUpDown } from 'lucide-react'
 import { useState } from 'react'
 import { countries } from 'countries-list'

package/templates/default/ikoncomponents/search-input/index.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Input } from '../../ikonShade/input'
+import { Input } from '../../shadcn/input'
 import { cx } from 'class-variance-authority'
 import { Search } from 'lucide-react'