omni-rest 0.3.3 → 0.4.2

package/frontend-next/form-generator.tsx

@@ -62,18 +62,18 @@ import { Label, LabelRequired, LabelOptional } from "@/components/ui/label";
 
 // ── Icons ─────────────────────────────────────────────────────
 import {
-    RiCalendarLine,
-    RiCheckLine,
-    RiArrowUpDownLine,
-    RiLoader4Line,
-    RiCloseLine,
-    RiEyeLine,
-    RiEyeOffLine,
-    RiArrowRightSLine,
-    RiArrowLeftSLine,
-    RiCheckDoubleLine,
-    RiCheckboxBlankCircleLine,
-} from "@remixicon/react";
+    Calendar as CalendarIcon,
+    Check,
+    ChevronsUpDown,
+    Loader2,
+    X,
+    Eye,
+    EyeOff,
+    ChevronRight,
+    ChevronLeft,
+    CheckCheck,
+    Circle,
+} from "lucide-react";
 
 // ═══════════════════════════════════════════════════════════════
 //  TYPES
@@ -259,7 +259,7 @@ function PasswordInput<T extends FieldValues>({ field, config, disabled }: { fie
                 <Button type="button" variant="ghost" size="icon" tabIndex={-1}
                     className="absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7 text-muted-foreground hover:text-foreground"
                     onClick={() => setShow(s => !s)}>
-                    {show ? <RiEyeOffLine className="h-4 w-4" /> : <RiEyeLine className="h-4 w-4" />}
+                    {show ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
                 </Button>
             )}
         </div>
@@ -287,15 +287,13 @@ function SearchableSelect<T extends FieldValues>({ field, config, disabled }: {
     const selected = config.options.find(o => o.value === field.value);
     return (
         <Popover open={open} onOpenChange={setOpen}>
-            <PopoverTrigger
-                render={
-                    <Button variant="outline" role="combobox" aria-expanded={open}
-                        disabled={disabled || config.disabled}
-                        className={cn("w-full justify-between font-normal", !field.value && "text-muted-foreground", config.className)} />
-                }
-            >
-                {selected?.label ?? config.placeholder ?? "Select option…"}
-                <RiArrowUpDownLine className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+            <PopoverTrigger asChild>
+                <Button variant="outline" role="combobox" aria-expanded={open}
+                    disabled={disabled || config.disabled}
+                    className={cn("w-full justify-between font-normal", !field.value && "text-muted-foreground", config.className)}>
+                    {selected?.label ?? config.placeholder ?? "Select option…"}
+                    <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                </Button>
             </PopoverTrigger>
             <PopoverContent className="w-[--radix-popover-trigger-width] p-0">
                 <Command>
@@ -306,7 +304,7 @@ function SearchableSelect<T extends FieldValues>({ field, config, disabled }: {
                             {config.options.map(opt => (
                                 <CommandItem key={opt.value} value={opt.value} disabled={opt.disabled}
                                     onSelect={val => { field.onChange(val === field.value ? "" : val); setOpen(false); }}>
-                                    <RiCheckLine className={cn("mr-2 h-4 w-4", field.value === opt.value ? "opacity-100" : "opacity-0")} />
+                                    <Check className={cn("mr-2 h-4 w-4", field.value === opt.value ? "opacity-100" : "opacity-0")} />
                                     {opt.label}
                                     {opt.badge && <Badge variant="secondary" className="ml-auto text-xs">{opt.badge}</Badge>}
                                 </CommandItem>
@@ -339,21 +337,19 @@ function MultiSelect<T extends FieldValues>({ field, config, disabled }: { field
                             {config.options.find(o => o.value === val)?.label ?? val}
                             <button type="button" onClick={() => toggle(val)} disabled={disabled || config.disabled}
                                 className="rounded-sm opacity-70 hover:opacity-100">
-                                <RiCloseLine className="h-3 w-3" />
+                                <X className="h-3 w-3" />
                             </button>
                         </Badge>
                     ))}
                 </div>
             )}
             <Popover open={open} onOpenChange={setOpen}>
-                <PopoverTrigger
-                    render={
-                        <Button variant="outline" role="combobox" disabled={disabled || config.disabled}
-                            className={cn("w-full justify-between font-normal", selected.length === 0 && "text-muted-foreground")} />
-                    }
-                >
-                    {selected.length === 0 ? config.placeholder ?? "Select options…" : `${selected.length} selected`}
-                    <RiArrowUpDownLine className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                <PopoverTrigger asChild>
+                    <Button variant="outline" role="combobox" disabled={disabled || config.disabled}
+                        className={cn("w-full justify-between font-normal", selected.length === 0 && "text-muted-foreground")}>
+                        {selected.length === 0 ? config.placeholder ?? "Select options…" : `${selected.length} selected`}
+                        <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                    </Button>
                 </PopoverTrigger>
                 <PopoverContent className="w-[--radix-popover-trigger-width] p-0">
                     <Command>
@@ -367,7 +363,7 @@ function MultiSelect<T extends FieldValues>({ field, config, disabled }: { field
                                     return (
                                         <CommandItem key={opt.value} value={opt.value}
                                             disabled={opt.disabled || maxed} onSelect={() => toggle(opt.value)}>
-                                            <RiCheckLine className={cn("mr-2 h-4 w-4", isSel ? "opacity-100" : "opacity-0")} />
+                                            <Check className={cn("mr-2 h-4 w-4", isSel ? "opacity-100" : "opacity-0")} />
                                             {opt.label}
                                             {opt.badge && <Badge variant="secondary" className="ml-auto text-xs">{opt.badge}</Badge>}
                                         </CommandItem>
@@ -387,14 +383,12 @@ function MultiSelect<T extends FieldValues>({ field, config, disabled }: { field
 function DatePicker<T extends FieldValues>({ field, config, disabled }: { field: ControllerRenderProps<T, Path<T>>; config: DateField<T>; disabled?: boolean }) {
     return (
         <Popover>
-            <PopoverTrigger
-                render={
-                    <Button variant="outline" disabled={disabled || config.disabled}
-                        className={cn("w-full justify-start text-left font-normal", !field.value && "text-muted-foreground", config.className)} />
-                }
-            >
-                <RiCalendarLine className="mr-2 h-4 w-4" />
-                {field.value ? format(field.value, config.dateFormat ?? "PPP") : config.placeholder ?? "Pick a date"}
+            <PopoverTrigger asChild>
+                <Button variant="outline" disabled={disabled || config.disabled}
+                    className={cn("w-full justify-start text-left font-normal", !field.value && "text-muted-foreground", config.className)}>
+                    <CalendarIcon className="mr-2 h-4 w-4" />
+                    {field.value ? format(field.value, config.dateFormat ?? "PPP") : config.placeholder ?? "Pick a date"}
+                </Button>
             </PopoverTrigger>
             <PopoverContent className="w-auto p-0" align="start">
                 <Calendar mode="single" selected={field.value} onSelect={field.onChange}
@@ -410,16 +404,15 @@ function DateRangePicker<T extends FieldValues>({ field, config, disabled }: { f
     const range: DateRange = field.value ?? {};
     return (
         <Popover>
-            <PopoverTrigger
-                render={
-                    <Button variant="outline" disabled={disabled || config.disabled}
-                        className={cn("w-full justify-start text-left font-normal", !range.from && "text-muted-foreground", config.className)} />
-                }
-            >
-                <RiCalendarLine className="mr-2 h-4 w-4" />
-                {range.from
-                    ? range.to ? <>{format(range.from, fmt)} – {format(range.to, fmt)}</> : format(range.from, fmt)
-                    : config.placeholder ?? "Pick a date range"}
+        <Popover>
+            <PopoverTrigger asChild>
+                <Button variant="outline" disabled={disabled || config.disabled}
+                    className={cn("w-full justify-start text-left font-normal", !range.from && "text-muted-foreground", config.className)}>
+                    <CalendarIcon className="mr-2 h-4 w-4" />
+                    {range.from
+                        ? range.to ? <>{format(range.from, fmt)} – {format(range.to, fmt)}</> : format(range.from, fmt)
+                        : config.placeholder ?? "Pick a date range"}
+                </Button>
             </PopoverTrigger>
             <PopoverContent className="w-auto p-0" align="start">
                 <Calendar mode="range" selected={range as any} onSelect={field.onChange}
@@ -695,7 +688,7 @@ function ProgressIndicator<T extends FieldValues>({
                                     done && "border-primary bg-primary/10 text-primary",
                                     !active && !done && "border-muted-foreground/30 bg-background text-muted-foreground"
                                 )}>
-                                    {done ? <RiCheckLine className="h-3.5 w-3.5" /> : i + 1}
+                                    {done ? <Check className="h-3.5 w-3.5" /> : i + 1}
                                 </div>
                                 <span className={cn(
                                     "text-[11px] font-medium hidden sm:block text-center leading-tight max-w-[72px]",
@@ -730,10 +723,10 @@ function TabsIndicator<T extends FieldValues>({
                         active ? "bg-background shadow-sm text-foreground" : "text-muted-foreground"
                     )}>
                         {done
-                            ? <RiCheckLine className="h-3.5 w-3.5 text-primary flex-shrink-0" />
+                            ? <Check className="h-3.5 w-3.5 text-primary flex-shrink-0" />
                             : step.icon
                                 ? <span className="h-3.5 w-3.5 flex-shrink-0">{step.icon}</span>
-                                : <RiCheckboxBlankCircleLine className={cn("h-3.5 w-3.5 flex-shrink-0", active && "text-primary")} />
+                                : <Circle className={cn("h-3.5 w-3.5 flex-shrink-0", active && "text-primary")} />
                         }
                         {step.title}
                     </div>
@@ -763,7 +756,7 @@ function SidebarIndicator<T extends FieldValues>({
                             done && "bg-primary/15 text-primary",
                             !active && !done && "bg-muted text-muted-foreground"
                         )}>
-                            {done ? <RiCheckLine className="h-3.5 w-3.5" /> : i + 1}
+                            {done ? <Check className="h-3.5 w-3.5" /> : i + 1}
                         </div>
                         <div>
                             <p className={cn("text-sm font-medium", active ? "text-foreground" : "text-muted-foreground")}>
@@ -872,12 +865,12 @@ function MultiStepForm<T extends FieldValues>(props: {
                     <div className="mt-6 pt-4 border-t flex items-center justify-between">
                         <Button type="button" variant="outline" onClick={() => goTo(currentStep - 1)}
                             disabled={isFirst || isLoading}>
-                            <RiArrowLeftSLine className="mr-1.5 h-4 w-4" />{prevLabel}
+                            <ChevronLeft className="mr-1.5 h-4 w-4" />{prevLabel}
                         </Button>
 
                         {!isLast ? (
                             <Button type="button" onClick={handleNext} disabled={isLoading}>
-                                {nextLabel}<RiArrowRightSLine className="ml-1.5 h-4 w-4" />
+                                {nextLabel}<ChevronRight className="ml-1.5 h-4 w-4" />
                             </Button>
                         ) : (
                             footer ?? (
@@ -956,7 +949,7 @@ export function FormGenerator<T extends FieldValues = FieldValues>({
                                 {footer ?? (
                                     <div className="flex items-center gap-3">
                                         <Button type="submit" disabled={disabled || isLoading}>
-                                            {isLoading && <RiLoader4Line className="mr-2 h-4 w-4 animate-spin" />}
+                                            {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
                                             {submitLabel}
                                         </Button>
                                         {showReset && (
@@ -1059,4 +1052,4 @@ export function FormGenerator<T extends FieldValues = FieldValues>({
 //   onSubmit={console.log}
 //   submitLabel="Create Account"
 //   nextLabel="Continue →" prevLabel="← Back"
-// />
+// />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omni-rest",
-  "version": "0.3.3",
+  "version": "0.4.2",
   "description": "Auto-generate REST APIs from your Prisma schema — zero config CRUD",
   "main": "dist/index.js",
   "module": "dist/index.mjs",