@algodomain/smart-forms 0.1.0

package/dist/opinionated.js

@@ -0,0 +1,382 @@
+import { SmartInput } from './chunk-IG4XDQMV.js';
+export { SmartFormProvider, useFormField, useSmartForm } from './chunk-IG4XDQMV.js';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Link } from 'react-router-dom';
+
+var FieldEmail = ({
+  field = "email",
+  label = "Email Address",
+  placeholder = "Enter your email address",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "email",
+      placeholder,
+      validation: z.string(`${label} is required`).email("Please enter a valid email address"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldPhone = ({
+  field = "phone",
+  label = "Phone Number",
+  placeholder = "Enter your phone number",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "tel",
+      placeholder,
+      validation: z.string(`${label} is required`).min(10, "Phone number must be at least 10 digits").regex(/^[\d\s\-\+\(\)]+$/, "Please enter a valid phone number"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldFirstName = ({
+  field = "firstName",
+  label = "First Name",
+  placeholder = "Enter your first name",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).min(2, "First name must be at least 2 characters").regex(/^[a-zA-Z\s\-']+$/, "First name can only contain letters, spaces, hyphens, and apostrophes"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldLastName = ({
+  field = "lastName",
+  label = "Last Name",
+  placeholder = "Enter your last name",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).min(2, "Last name must be at least 2 characters").regex(/^[a-zA-Z\s\-']+$/, "Last name can only contain letters, spaces, hyphens, and apostrophes"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldFullName = ({
+  field = "fullName",
+  label = "Full Name",
+  placeholder = "Enter your full name",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).min(2, "Full name must be at least 2 characters").regex(/^[a-zA-Z\s\-']+$/, "Full name can only contain letters, spaces, hyphens, and apostrophes"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldPassword = ({
+  field = "password",
+  label = "Password",
+  placeholder = "Enter your password",
+  required = false,
+  className = "",
+  minLength = 8,
+  requireUppercase = true,
+  requireLowercase = true,
+  requireNumbers = true,
+  requireSpecialChars = true,
+  forgotPasswordLink,
+  ...props
+}) => {
+  let validation = z.string(`${label} is required`).min(minLength, `Password must be at least ${minLength} characters`);
+  if (requireUppercase) {
+    validation = validation.regex(/[A-Z]/, "Password must contain at least one uppercase letter");
+  }
+  if (requireLowercase) {
+    validation = validation.regex(/[a-z]/, "Password must contain at least one lowercase letter");
+  }
+  if (requireNumbers) {
+    validation = validation.regex(/[0-9]/, "Password must contain at least one number");
+  }
+  if (requireSpecialChars) {
+    validation = validation.regex(/[!@#$%^&*(),.?":{}|<>]/, "Password must contain at least one special character");
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-1", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-foreground", children: [
+        label,
+        " ",
+        required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+      ] }),
+      forgotPasswordLink && (forgotPasswordLink.to ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: forgotPasswordLink.to,
+          className: "text-sm text-foreground hover:text-foreground/80 transition-colors",
+          onClick: forgotPasswordLink.onClick,
+          children: forgotPasswordLink.text || "Forgot your password?"
+        }
+      ) : forgotPasswordLink.href ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: forgotPasswordLink.href,
+          className: "text-sm text-foreground hover:text-foreground/80 transition-colors",
+          onClick: forgotPasswordLink.onClick,
+          children: forgotPasswordLink.text || "Forgot your password?"
+        }
+      ) : /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: forgotPasswordLink.onClick,
+          className: "text-sm text-foreground hover:text-foreground/80 transition-colors",
+          children: forgotPasswordLink.text || "Forgot your password?"
+        }
+      ))
+    ] }),
+    /* @__PURE__ */ jsx(
+      SmartInput,
+      {
+        field,
+        type: "password",
+        placeholder,
+        validation,
+        required,
+        className: "",
+        ...props
+      }
+    )
+  ] });
+};
+var FieldConfirmPassword = ({
+  field = "confirmPassword",
+  label = "Confirm Password",
+  placeholder = "Confirm your password",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "password",
+      placeholder,
+      validation: z.string(`${label} is required`).min(1, "Please confirm your password"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldAge = ({
+  field = "age",
+  label = "Age",
+  placeholder = "Enter your age",
+  required = true,
+  className = "",
+  minAge = 18,
+  maxAge = 120,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "number",
+      placeholder,
+      validation: z.string(`${label} is required`).min(1, `${label} is required`).transform((val) => {
+        const num = Number(val);
+        if (isNaN(num)) throw new Error("Age must be a valid number");
+        return num;
+      }).refine((val) => val >= minAge, `You must be at least ${minAge} years old`).refine((val) => val <= maxAge, `Age cannot exceed ${maxAge} years`).refine((val) => Number.isInteger(val), "Age must be a whole number"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldStreetAddress = ({
+  field = "streetAddress",
+  label = "Street Address",
+  placeholder = "Enter your street address",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).min(5, "Street address must be at least 5 characters").max(100, "Street address must be less than 100 characters"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldCity = ({
+  field = "city",
+  label = "City",
+  placeholder = "Enter your city",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).min(2, "City must be at least 2 characters").max(50, "City must be less than 50 characters").regex(/^[a-zA-Z\s\-']+$/, "City can only contain letters, spaces, hyphens, and apostrophes"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldZipCode = ({
+  field = "zipCode",
+  label = "ZIP Code",
+  placeholder = "Enter your ZIP code",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).regex(/^\d{5}(-\d{4})?$/, "Please enter a valid ZIP code (12345 or 12345-6789)"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldState = ({
+  field = "state",
+  label = "State",
+  placeholder = "Enter your state",
+  required = true,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "text",
+      placeholder,
+      validation: z.string(`${label} is required`).min(2, "State must be at least 2 characters").max(20, "State must be less than 20 characters").regex(/^[a-zA-Z\s]+$/, "State can only contain letters and spaces"),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldMessage = ({
+  field = "message",
+  label = "Message",
+  placeholder = "Enter your message",
+  required = false,
+  className = "",
+  maxLength = 500,
+  minLength = 10,
+  rows = 4,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "textarea",
+      placeholder,
+      validation: z.string(`${label} is required`).min(minLength, `Message must be at least ${minLength} characters`).max(maxLength, `Message must be less than ${maxLength} characters`),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+var FieldComments = ({
+  field = "comments",
+  label = "Comments",
+  placeholder = "Enter your comments",
+  required = false,
+  className = "",
+  maxLength = 1e3,
+  minLength = 10,
+  rows = 4,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SmartInput,
+    {
+      field,
+      label,
+      type: "textarea",
+      placeholder,
+      validation: z.string(`${label} is required`).min(minLength, `Comments must be at least ${minLength} characters`).max(maxLength, `Comments must be less than ${maxLength} characters`),
+      required,
+      className,
+      ...props
+    }
+  );
+};
+
+export { FieldAge, FieldCity, FieldComments, FieldConfirmPassword, FieldEmail, FieldFirstName, FieldFullName, FieldLastName, FieldMessage, FieldPassword, FieldPhone, FieldState, FieldStreetAddress, FieldZipCode };
+//# sourceMappingURL=opinionated.js.map
+//# sourceMappingURL=opinionated.js.map

package/dist/opinionated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/opinionated/FieldEmail.tsx","../src/opinionated/FieldPhone.tsx","../src/opinionated/FieldName.tsx","../src/opinionated/FieldPassword.tsx","../src/opinionated/FieldAge.tsx","../src/opinionated/FieldAddress.tsx","../src/opinionated/FieldMessage.tsx"],"names":["jsx","z"],"mappings":"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","file":"opinionated.js","sourcesContent":["import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\n\n// =============================================================================\n// OPINIONATED EMAIL FIELD COMPONENT\n// =============================================================================\n\nexport interface FieldEmailProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  // Allow override of any SmartInput props\n  [key: string]: any;\n}\n\n/**\n * Opinionated Email Field Component\n * \n * Pre-configured with:\n * - Standard email validation\n * - Proper label and placeholder\n * - Email input type\n * - Required field indicator\n * \n * Usage:\n * <FieldEmail /> // Uses 'email' as field name\n * <FieldEmail field=\"userEmail\" /> // Custom field name\n * <FieldEmail required={false} /> // Override required\n */\nexport const FieldEmail: React.FC<FieldEmailProps> = ({\n  field = 'email',\n  label = 'Email Address',\n  placeholder = 'Enter your email address',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"email\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`).email('Please enter a valid email address')}\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n","import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\n\n// =============================================================================\n// OPINIONATED PHONE FIELD COMPONENT\n// =============================================================================\n\nexport interface FieldPhoneProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  // Allow override of any SmartInput props\n  [key: string]: any;\n}\n\n/**\n * Opinionated Phone Field Component\n * \n * Pre-configured with:\n * - Phone number validation (minimum 10 digits)\n * - Tel input type\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldPhone /> // Uses 'phone' as field name\n * <FieldPhone field=\"mobileNumber\" /> // Custom field name\n * <FieldPhone required={false} /> // Override required\n */\nexport const FieldPhone: React.FC<FieldPhoneProps> = ({\n  field = 'phone',\n  label = 'Phone Number',\n  placeholder = 'Enter your phone number',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"tel\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(10, 'Phone number must be at least 10 digits')\n        .regex(/^[\\d\\s\\-\\+\\(\\)]+$/, 'Please enter a valid phone number')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n","import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\n\n// =============================================================================\n// OPINIONATED NAME FIELD COMPONENTS\n// =============================================================================\n\nexport interface FieldNameProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  // Allow override of any SmartInput props\n  [key: string]: any;\n}\n\n/**\n * Opinionated First Name Field Component\n * \n * Pre-configured with:\n * - Name validation (minimum 2 characters, letters only)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldFirstName /> // Uses 'firstName' as field name\n * <FieldFirstName field=\"givenName\" /> // Custom field name\n */\nexport const FieldFirstName: React.FC<FieldNameProps> = ({\n  field = 'firstName',\n  label = 'First Name',\n  placeholder = 'Enter your first name',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(2, 'First name must be at least 2 characters')\n        .regex(/^[a-zA-Z\\s\\-']+$/, 'First name can only contain letters, spaces, hyphens, and apostrophes')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n\n/**\n * Opinionated Last Name Field Component\n * \n * Pre-configured with:\n * - Name validation (minimum 2 characters, letters only)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldLastName /> // Uses 'lastName' as field name\n * <FieldLastName field=\"surname\" /> // Custom field name\n */\nexport const FieldLastName: React.FC<FieldNameProps> = ({\n  field = 'lastName',\n  label = 'Last Name',\n  placeholder = 'Enter your last name',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(2, 'Last name must be at least 2 characters')\n        .regex(/^[a-zA-Z\\s\\-']+$/, 'Last name can only contain letters, spaces, hyphens, and apostrophes')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n\n/**\n * Opinionated Full Name Field Component\n * \n * Pre-configured with:\n * - Name validation (minimum 2 characters, letters only)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldFullName /> // Uses 'fullName' as field name\n * <FieldFullName field=\"displayName\" /> // Custom field name\n */\nexport const FieldFullName: React.FC<FieldNameProps> = ({\n  field = 'fullName',\n  label = 'Full Name',\n  placeholder = 'Enter your full name',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(2, 'Full name must be at least 2 characters')\n        .regex(/^[a-zA-Z\\s\\-']+$/, 'Full name can only contain letters, spaces, hyphens, and apostrophes')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n","import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\nimport { Link } from 'react-router-dom';\n\n// =============================================================================\n// OPINIONATED PASSWORD FIELD COMPONENT\n// =============================================================================\n\nexport interface FieldPasswordProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  minLength?: number;\n  requireUppercase?: boolean;\n  requireLowercase?: boolean;\n  requireNumbers?: boolean;\n  requireSpecialChars?: boolean;\n  forgotPasswordLink?: {\n    text?: string;\n    href?: string;\n    to?: string;\n    onClick?: () => void;\n  };\n  // Allow override of any SmartInput props\n  [key: string]: unknown;\n}\n\n/**\n * Opinionated Password Field Component\n * \n * Pre-configured with:\n * - Strong password validation\n * - Password input type with show/hide toggle\n * - Proper label and placeholder\n * - Required field indicator\n * - Optional \"Forgot your password?\" link\n * \n * Usage:\n * <FieldPassword /> // Uses 'password' as field name\n * <FieldPassword field=\"userPassword\" /> // Custom field name\n * <FieldPassword minLength={12} /> // Custom minimum length\n * <FieldPassword forgotPasswordLink={{ onClick: handleForgotPassword }} /> // With forgot password link\n * <FieldPassword forgotPasswordLink={{ text: \"Reset password\", onClick: handleReset }} /> // Custom link text\n * <FieldPassword forgotPasswordLink={{ to: \"/forgot-password\" }} /> // React Router Link\n * <FieldPassword forgotPasswordLink={{ href: \"/forgot-password\" }} /> // External link\n */\nexport const FieldPassword: React.FC<FieldPasswordProps> = ({\n  field = 'password',\n  label = 'Password',\n  placeholder = 'Enter your password',\n  required = false,\n  className = '',\n  minLength = 8,\n  requireUppercase = true,\n  requireLowercase = true,\n  requireNumbers = true,\n  requireSpecialChars = true,\n  forgotPasswordLink,\n  ...props\n}) => {\n  // Build validation schema based on requirements\n  let validation = z.string(`${label} is required`).min(minLength, `Password must be at least ${minLength} characters`);\n  \n  if (requireUppercase) {\n    validation = validation.regex(/[A-Z]/, 'Password must contain at least one uppercase letter');\n  }\n  \n  if (requireLowercase) {\n    validation = validation.regex(/[a-z]/, 'Password must contain at least one lowercase letter');\n  }\n  \n  if (requireNumbers) {\n    validation = validation.regex(/[0-9]/, 'Password must contain at least one number');\n  }\n  \n  if (requireSpecialChars) {\n    validation = validation.regex(/[!@#$%^&*(),.?\":{}|<>]/, 'Password must contain at least one special character');\n  }\n\n  return (\n    <div className={`flex-1 min-w-0 ${className}`}>\n      {/* Custom label row with forgot password link */}\n      <div className=\"flex justify-between items-center mb-1\">\n        <label className=\"block text-sm font-medium text-foreground\">\n          {label} {required && <span className=\"text-destructive\">*</span>}\n        </label>\n        {forgotPasswordLink && (\n          forgotPasswordLink.to ? (\n            <Link\n              to={forgotPasswordLink.to}\n              className=\"text-sm text-foreground hover:text-foreground/80 transition-colors\"\n              onClick={forgotPasswordLink.onClick}\n            >\n              {forgotPasswordLink.text || 'Forgot your password?'}\n            </Link>\n          ) : forgotPasswordLink.href ? (\n            <a\n              href={forgotPasswordLink.href}\n              className=\"text-sm text-foreground hover:text-foreground/80 transition-colors\"\n              onClick={forgotPasswordLink.onClick}\n            >\n              {forgotPasswordLink.text || 'Forgot your password?'}\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={forgotPasswordLink.onClick}\n              className=\"text-sm text-foreground hover:text-foreground/80 transition-colors\"\n            >\n              {forgotPasswordLink.text || 'Forgot your password?'}\n            </button>\n          )\n        )}\n      </div>\n      \n      {/* Password input field */}\n      <SmartInput\n        field={field}\n        type=\"password\"\n        placeholder={placeholder}\n        validation={validation}\n        required={required}\n        className=\"\"\n        {...props}\n      />\n    </div>\n  );\n};\n\n/**\n * Opinionated Confirm Password Field Component\n * \n * Pre-configured for password confirmation\n * \n * Usage:\n * <FieldConfirmPassword /> // Uses 'confirmPassword' as field name\n * <FieldConfirmPassword field=\"passwordConfirmation\" /> // Custom field name\n */\nexport const FieldConfirmPassword: React.FC<FieldPasswordProps> = ({\n  field = 'confirmPassword',\n  label = 'Confirm Password',\n  placeholder = 'Confirm your password',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"password\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`).min(1, 'Please confirm your password')}\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n","import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\n\n// =============================================================================\n// OPINIONATED AGE FIELD COMPONENT\n// =============================================================================\n\nexport interface FieldAgeProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  minAge?: number;\n  maxAge?: number;\n  // Allow override of any SmartInput props\n  [key: string]: any;\n}\n\n/**\n * Opinionated Age Field Component\n * \n * Pre-configured with:\n * - Age validation (typically 18+ for adults)\n * - Number input type\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldAge /> // Uses 'age' as field name, 18+ validation\n * <FieldAge field=\"userAge\" minAge={21} /> // Custom field name, 21+ validation\n * <FieldAge minAge={13} maxAge={100} /> // Custom age range\n */\nexport const FieldAge: React.FC<FieldAgeProps> = ({\n  field = 'age',\n  label = 'Age',\n  placeholder = 'Enter your age',\n  required = true,\n  className = '',\n  minAge = 18,\n  maxAge = 120,\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"number\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(1, `${label} is required`)\n        .transform((val) => {\n          const num = Number(val);\n          if (isNaN(num)) throw new Error('Age must be a valid number');\n          return num;\n        })\n        .refine((val) => val >= minAge, `You must be at least ${minAge} years old`)\n        .refine((val) => val <= maxAge, `Age cannot exceed ${maxAge} years`)\n        .refine((val) => Number.isInteger(val), 'Age must be a whole number')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n","import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\n\n// =============================================================================\n// OPINIONATED ADDRESS FIELD COMPONENTS\n// =============================================================================\n\nexport interface FieldAddressProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  // Allow override of any SmartInput props\n  [key: string]: any;\n}\n\n/**\n * Opinionated Street Address Field Component\n * \n * Pre-configured with:\n * - Address validation (minimum 5 characters)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldStreetAddress /> // Uses 'streetAddress' as field name\n * <FieldStreetAddress field=\"address\" /> // Custom field name\n */\nexport const FieldStreetAddress: React.FC<FieldAddressProps> = ({\n  field = 'streetAddress',\n  label = 'Street Address',\n  placeholder = 'Enter your street address',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(5, 'Street address must be at least 5 characters')\n        .max(100, 'Street address must be less than 100 characters')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n\n/**\n * Opinionated City Field Component\n * \n * Pre-configured with:\n * - City validation (letters, spaces, hyphens, apostrophes)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldCity /> // Uses 'city' as field name\n * <FieldCity field=\"town\" /> // Custom field name\n */\nexport const FieldCity: React.FC<FieldAddressProps> = ({\n  field = 'city',\n  label = 'City',\n  placeholder = 'Enter your city',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(2, 'City must be at least 2 characters')\n        .max(50, 'City must be less than 50 characters')\n        .regex(/^[a-zA-Z\\s\\-']+$/, 'City can only contain letters, spaces, hyphens, and apostrophes')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n\n/**\n * Opinionated ZIP Code Field Component\n * \n * Pre-configured with:\n * - ZIP code validation (US format: 12345 or 12345-6789)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldZipCode /> // Uses 'zipCode' as field name\n * <FieldZipCode field=\"postalCode\" /> // Custom field name\n */\nexport const FieldZipCode: React.FC<FieldAddressProps> = ({\n  field = 'zipCode',\n  label = 'ZIP Code',\n  placeholder = 'Enter your ZIP code',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .regex(/^\\d{5}(-\\d{4})?$/, 'Please enter a valid ZIP code (12345 or 12345-6789)')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n\n/**\n * Opinionated State Field Component\n * \n * Pre-configured with:\n * - State validation (2-letter state codes or full state names)\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldState /> // Uses 'state' as field name\n * <FieldState field=\"province\" /> // Custom field name\n */\nexport const FieldState: React.FC<FieldAddressProps> = ({\n  field = 'state',\n  label = 'State',\n  placeholder = 'Enter your state',\n  required = true,\n  className = '',\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"text\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(2, 'State must be at least 2 characters')\n        .max(20, 'State must be less than 20 characters')\n        .regex(/^[a-zA-Z\\s]+$/, 'State can only contain letters and spaces')\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n","import React from 'react';\nimport { SmartInput } from '../smart-fields/SmartInput';\nimport { z } from 'zod';\n\n// =============================================================================\n// OPINIONATED MESSAGE FIELD COMPONENT\n// =============================================================================\n\nexport interface FieldMessageProps {\n  field?: string;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  maxLength?: number;\n  minLength?: number;\n  rows?: number;\n  // Allow override of any SmartInput props\n  [key: string]: any;\n}\n\n/**\n * Opinionated Message Field Component\n * \n * Pre-configured with:\n * - Message validation (configurable min/max length)\n * - Textarea input type\n * - Proper label and placeholder\n * - Required field indicator\n * \n * Usage:\n * <FieldMessage /> // Uses 'message' as field name\n * <FieldMessage field=\"comments\" maxLength={1000} /> // Custom field name and length\n * <FieldMessage required={false} /> // Override required\n */\nexport const FieldMessage: React.FC<FieldMessageProps> = ({\n  field = 'message',\n  label = 'Message',\n  placeholder = 'Enter your message',\n  required = false,\n  className = '',\n  maxLength = 500,\n  minLength = 10,\n  rows = 4,\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"textarea\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(minLength, `Message must be at least ${minLength} characters`)\n        .max(maxLength, `Message must be less than ${maxLength} characters`)\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n\n/**\n * Opinionated Comments Field Component\n * \n * Pre-configured for comments with longer length limits\n * \n * Usage:\n * <FieldComments /> // Uses 'comments' as field name\n * <FieldComments field=\"feedback\" maxLength={2000} /> // Custom field name and length\n */\nexport const FieldComments: React.FC<FieldMessageProps> = ({\n  field = 'comments',\n  label = 'Comments',\n  placeholder = 'Enter your comments',\n  required = false,\n  className = '',\n  maxLength = 1000,\n  minLength = 10,\n  rows = 4,\n  ...props\n}) => {\n  return (\n    <SmartInput\n      field={field}\n      label={label}\n      type=\"textarea\"\n      placeholder={placeholder}\n      validation={z.string(`${label} is required`)\n        .min(minLength, `Comments must be at least ${minLength} characters`)\n        .max(maxLength, `Comments must be less than ${maxLength} characters`)\n      }\n      required={required}\n      className={className}\n      {...props}\n    />\n  );\n};\n"]}

package/dist/style.css

@@ -0,0 +1,114 @@
+/* =============================================================================
+   @algodomain/smart-forms - Theme CSS Variables
+   ============================================================================= */
+
+/* This file contains only CSS variables for theming.
+   No Tailwind directives - consumers need their own Tailwind setup.
+   Consumers can override any variable in their own CSS. */
+
+:root {
+  /* Border radius */
+  --radius: 0.625rem;
+
+  /* Base colors */
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+
+  /* Card */
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+
+  /* Popover */
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+
+  /* Primary */
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+
+  /* Secondary */
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+
+  /* Muted */
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+
+  /* Accent */
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+
+  /* Destructive */
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0 0);
+
+  /* Border & Input */
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+
+  /* Ring (focus outline) */
+  --ring: oklch(0.708 0 0);
+
+  /* Chart colors (optional) */
+  --chart-1: oklch(0.632 0.188 23.813);
+  --chart-2: oklch(0.701 0.167 150.149);
+  --chart-3: oklch(0.499 0.171 254.868);
+  --chart-4: oklch(0.772 0.143 70.08);
+  --chart-5: oklch(0.659 0.198 344.088);
+}
+
+/* Dark mode theme */
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+
+  --ring: oklch(0.556 0 0);
+
+  --chart-1: oklch(0.828 0.132 85.995);
+  --chart-2: oklch(0.691 0.201 181.189);
+  --chart-3: oklch(0.701 0.208 256.749);
+  --chart-4: oklch(0.837 0.135 61.431);
+  --chart-5: oklch(0.874 0.146 1.055);
+}
+
+/* =============================================================================
+   Usage Instructions
+   ============================================================================= */
+
+/* To override theme colors in your app, add this to your own CSS:
+
+:root {
+  --primary: oklch(0.5 0.2 250); 
+  --radius: 1rem;
+}
+
+For full Tailwind utility support (optional), add to your index.css:
+@source "../node_modules/@algodomain/smart-forms/dist/index.js";
+@source "../node_modules/@algodomain/smart-forms/dist/index.cjs";
+
+*/
+

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@algodomain/smart-forms",
+  "version": "0.1.0",
+  "description": "A powerful React form framework with smart fields, multi-tab support, and seamless API integration",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./fields": {
+      "import": "./dist/fields.js",
+      "require": "./dist/fields.cjs",
+      "types": "./dist/fields.d.ts"
+    },
+    "./opinionated": {
+      "import": "./dist/opinionated.js",
+      "require": "./dist/opinionated.cjs",
+      "types": "./dist/opinionated.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/style.css"
+  ],
+  "keywords": [
+    "react",
+    "forms",
+    "smart-forms",
+    "form-builder",
+    "tailwind",
+    "shadcn",
+    "validation",
+    "zod"
+  ],
+  "author": "AlgoDomain",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/algodomain/smart-forms"
+  },
+  "peerDependencies": {
+    "date-fns": ">=3",
+    "lucide-react": ">=0.400",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-toastify": ">=9",
+    "tailwindcss": ">=3",
+    "zod": ">=3"
+  },
+  "devDependencies": {
+    "@types/node": "^24.5.2",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
+    "react-router-dom": "^7.9.5",
+    "tsup": "^8.0.0",
+    "typescript": "~5.8.3"
+  },
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "pnpm build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "react-day-picker": "^9.11.1",
+    "tailwind-merge": "^3.4.0"
+  }
+}