nextworks 0.1.0-alpha.11 → 0.1.0-alpha.14

package/dist/kits/forms/components/ui/form/form-item.tsx

@@ -1,21 +1,21 @@
-"use client";
-
-import * as React from "react";
-import { cn } from "@/lib/utils";
-import { FormItemContext } from "./context";
-
-export interface FormItemProps
-  extends React.HTMLAttributes<HTMLDivElement> {}
-
-export const FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(
-  ({ className, ...props }, ref) => {
-    const id = React.useId();
-
-    return (
-      <FormItemContext.Provider value={{ id }}>
-        <div ref={ref} className={cn("space-y-2", className)} {...props} />
-      </FormItemContext.Provider>
-    );
-  },
-);
-FormItem.displayName = "FormItem";
+"use client";
+
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { FormItemContext } from "./context";
+
+export type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
+
+
+export const FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(
+  ({ className, ...props }, ref) => {
+    const id = React.useId();
+
+    return (
+      <FormItemContext.Provider value={{ id }}>
+        <div ref={ref} className={cn("space-y-2", className)} {...props} />
+      </FormItemContext.Provider>
+    );
+  },
+);
+FormItem.displayName = "FormItem";

package/dist/kits/forms/components/ui/form/form-label.tsx

@@ -1,24 +1,24 @@
-"use client";
-
-import * as React from "react";
-import { Label } from "@/components/ui/label";
-import { useFormField } from "./context";
-import { cn } from "@/lib/utils";
-
-export interface FormLabelProps extends React.ComponentProps<typeof Label> {}
-
-export const FormLabel = React.forwardRef<
-  React.ElementRef<typeof Label>,
-  FormLabelProps
->(({ className, ...props }, ref) => {
-  const { formItemId } = useFormField();
-  return (
-    <Label
-      ref={ref}
-      htmlFor={formItemId}
-      className={cn(className)}
-      {...props}
-    />
-  );
-});
-FormLabel.displayName = "FormLabel";
+"use client";
+
+import * as React from "react";
+import { Label } from "@/components/ui/label";
+import { useFormField } from "./context";
+import { cn } from "@/lib/utils";
+
+export type FormLabelProps = React.ComponentProps<typeof Label>;
+
+export const FormLabel = React.forwardRef<
+  React.ElementRef<typeof Label>,
+  FormLabelProps
+>(({ className, ...props }, ref) => {
+  const { formItemId } = useFormField();
+  return (
+    <Label
+      ref={ref}
+      htmlFor={formItemId}
+      className={cn(className)}
+      {...props}
+    />
+  );
+});
+FormLabel.displayName = "FormLabel";

package/dist/kits/forms/components/ui/form/form-message.tsx

@@ -1,29 +1,28 @@
-"use client";
-
-import * as React from "react";
-import { useFormField } from "./context";
-import { cn } from "@/lib/utils";
-
-export interface FormMessageProps
-  extends React.HTMLAttributes<HTMLParagraphElement> {}
-
-export const FormMessage = ({
-  className,
-  children,
-  ...props
-}: FormMessageProps) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error.message || children) : children;
-
-  if (!body) return null;
-
-  return (
-    <p
-      id={formMessageId}
-      className={cn("text-xs text-destructive", className)}
-      {...props}
-    >
-      {body}
-    </p>
-  );
-};
+"use client";
+
+import * as React from "react";
+import { useFormField } from "./context";
+import { cn } from "@/lib/utils";
+
+export type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
+
+export const FormMessage = ({
+  className,
+  children,
+  ...props
+}: FormMessageProps) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error.message || children) : children;
+
+  if (!body) return null;
+
+  return (
+    <p
+      id={formMessageId}
+      className={cn("text-xs text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  );
+};

package/dist/kits/forms/components/ui/switch.tsx

@@ -1,78 +1,78 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-export type SwitchProps = React.InputHTMLAttributes<HTMLInputElement> & {
-  isLoading?: boolean;
-};
-
-const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
-  ({ className, isLoading, disabled, ...props }, ref) => {
-    const checked = !!(props as any).checked;
-    const isDisabled = !!disabled || !!isLoading;
-    return (
-      <label
-        className={cn(
-          "focus-within:ring-offset-background inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2",
-          isDisabled ? "cursor-not-allowed opacity-80" : "cursor-pointer",
-          className,
-        )}
-      >
-        <input
-          type="checkbox"
-          role="switch"
-          ref={ref}
-          className="sr-only"
-          disabled={isDisabled}
-          aria-busy={isLoading ? "true" : undefined}
-          {...(props as any)}
-        />
-        <span
-          aria-hidden
-          className={cn(
-            "relative inline-flex h-6 w-11 flex-shrink-0 rounded-full transition-colors duration-200",
-            checked ? "bg-[var(--primary)]" : "bg-[var(--primary)]/80",
-          )}
-        >
-          <span
-            className={cn(
-              // Thumb should adjust for theme to guarantee contrast
-              "absolute top-0.5 left-0.5 h-5 w-5 transform rounded-full bg-[var(--switch-thumb)] shadow-md transition-transform duration-200 ease-in-out",
-              checked ? "translate-x-5" : "translate-x-0",
-            )}
-          />
-
-          {/* Loading indicator centered inside the switch when isLoading */}
-          {isLoading && (
-            <span className="absolute inset-0 flex items-center justify-center">
-              <svg
-                className="h-4 w-4 animate-spin text-white"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                aria-hidden
-              >
-                <circle
-                  className="opacity-25"
-                  cx="12"
-                  cy="12"
-                  r="10"
-                  stroke="currentColor"
-                  strokeWidth="4"
-                />
-                <path
-                  className="opacity-75"
-                  fill="currentColor"
-                  d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
-                />
-              </svg>
-            </span>
-          )}
-        </span>
-      </label>
-    );
-  },
-);
-
-Switch.displayName = "Switch";
-
-export { Switch };
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export type SwitchProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  isLoading?: boolean;
+};
+
+const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
+  ({ className, isLoading, disabled, ...props }, ref) => {
+    const checked = typeof props.checked === "boolean" ? props.checked : false;
+    const isDisabled = !!disabled || !!isLoading;
+    return (
+      <label
+        className={cn(
+          "focus-within:ring-offset-background inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2",
+          isDisabled ? "cursor-not-allowed opacity-80" : "cursor-pointer",
+          className,
+        )}
+      >
+        <input
+          type="checkbox"
+          role="switch"
+          ref={ref}
+          className="sr-only"
+          disabled={isDisabled}
+          aria-busy={isLoading ? "true" : undefined}
+          {...props}
+        />
+        <span
+          aria-hidden
+          className={cn(
+            "relative inline-flex h-6 w-11 flex-shrink-0 rounded-full transition-colors duration-200",
+            checked ? "bg-[var(--primary)]" : "bg-[var(--primary)]/80",
+          )}
+        >
+          <span
+            className={cn(
+              // Thumb should adjust for theme to guarantee contrast
+              "absolute top-0.5 left-0.5 h-5 w-5 transform rounded-full bg-[var(--switch-thumb)] shadow-md transition-transform duration-200 ease-in-out",
+              checked ? "translate-x-5" : "translate-x-0",
+            )}
+          />
+
+          {/* Loading indicator centered inside the switch when isLoading */}
+          {isLoading && (
+            <span className="absolute inset-0 flex items-center justify-center">
+              <svg
+                className="h-4 w-4 animate-spin text-white"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden
+              >
+                <circle
+                  className="opacity-25"
+                  cx="12"
+                  cy="12"
+                  r="10"
+                  stroke="currentColor"
+                  strokeWidth="4"
+                />
+                <path
+                  className="opacity-75"
+                  fill="currentColor"
+                  d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+                />
+              </svg>
+            </span>
+          )}
+        </span>
+      </label>
+    );
+  },
+);
+
+Switch.displayName = "Switch";
+
+export { Switch };

package/dist/kits/forms/lib/forms/map-errors.ts

@@ -3,7 +3,7 @@ import type { ApiResult } from "@/lib/server/result";
 
 export function mapApiErrorsToForm<TFieldValues extends FieldValues>(
   form: UseFormReturn<TFieldValues>,
-  result: ApiResult<any>,
+  result: ApiResult<unknown>,
   options?: { formKey?: string },
 ): string | undefined {
   if (!result || result.success) return undefined;

package/dist/kits/forms/lib/validation/forms.ts

@@ -60,8 +60,7 @@ export const userUpdateSchema = z.object({
   password: z
     .string()
     .min(6, "Password must be at least 6 characters")
-    .optional()
-    .or(z.literal("")),
+    .optional(),
   emailVerified: z
     .union([z.date(), z.string().transform((s) => new Date(s)), z.null()])
     .optional(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextworks",
-  "version": "0.1.0-alpha.11",
+  "version": "0.1.0-alpha.14",
   "description": "Nextworks CLI - Feature kits installer for Next.js apps",
   "main": "dist/index.js",
   "bin": {